@font-face{font-family:lovecraft;src:url(/fonts/LoveCraft.ttf)}@font-face{font-family:retroica;src:url(/fonts/retroica.woff)}*{box-sizing:border-box}.grid{--gap:0.5rem;--trim:#554433;display:grid;grid-template-columns:repeat(3,1fr);grid-row-gap:2rem;grid-column-gap:var(--gap);--board-color:#554433;--back-trim:#221100;background:repeating-linear-gradient(to right,var(--board-color),var(--board-color) 40px,var(--back-trim) 20px,var(--back-trim) 43px);border:var(--gap)var(--trim)solid;justify-items:stretch;align-items:center;border-bottom-width:calc(1.75 * var(--gap));width:80%;margin-left:auto;margin-right:auto;padding-top:1.5rem;padding-bottom:1rem;--shadow:rgba(0, 0, 0, 0.25);box-shadow:0 0 0 0 var(--shadow),2px 2px 0 0 var(--shadow),4px 4px 0 0 var(--shadow),6px 6px 0 0 var(--shadow),8px 8px 0 0 var(--shadow)}.grid header{grid-column:span 3}.logo{margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:10px;width:40%;background-color:#deb887;border-radius:40px;border-color:#42291a;border-style:solid;border-width:20px;box-shadow:2px 2px 4px 3px #221100}.logo div{box-shadow:2px 2px 4px 3px #221100 inset;border-radius:18px}.header-with-lanterns{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 0}.lantern{display:flex;flex-direction:column;align-items:center;position:relative}.lantern-top{width:16px;height:20px;background:linear-gradient(90deg,#2a2a2a 0%,#4a4a4a 50%,#2a2a2a 100%);border-radius:3px 3px 0 0;position:relative}.lantern-top::before{content:'';position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:24px;height:14px;border:3px solid #3a3a3a;border-bottom:none;border-radius:12px 12px 0 0}.lantern-body{width:32px;height:40px;background:linear-gradient(90deg,rgba(60,40,20,.8) 0%,rgba(120,80,40,.6) 30%,rgba(180,140,80,.4) 50%,rgba(120,80,40,.6) 70%,rgba(60,40,20,.8) 100% );border:2px solid #3a3a3a;border-radius:4px;position:relative;overflow:hidden}.lantern-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:24px;background:radial-gradient(ellipse,#ffdd88 0%,#ff9944 40%,transparent 70%);border-radius:50%;animation:flicker 3s ease-in-out infinite}@keyframes flicker{0%,100%{opacity:.8;transform:translate(-50%,-50%)scale(1)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}50%{opacity:.7;transform:translate(-50%,-50%)scale(.95)}75%{opacity:.9;transform:translate(-50%,-50%)scale(1.02)}}.lantern-bottom{width:20px;height:8px;background:linear-gradient(90deg,#2a2a2a 0%,#4a4a4a 50%,#2a2a2a 100%);border-radius:0 0 4px 4px}.lantern::after{content:'';position:absolute;top:20px;left:50%;transform:translateX(-50%);width:60px;height:60px;background:radial-gradient(ellipse,rgba(255,180,80,.15) 0%,transparent 70%);pointer-events:none;z-index:-1}.cell{--wood-light:#8B7355;--wood-dark:#5D4E37;--wood-grain:#6B5344;position:relative;display:block;width:95%;margin:0 auto;min-height:4rem;line-height:4rem;text-align:center;font-size:22px;color:#2a1810;padding:0 8px;background:repeating-linear-gradient( 90deg,var(--wood-light) 0,var(--wood-dark) 3px,var(--wood-light) 6px,var(--wood-grain) 12px,var(--wood-light) 15px ),linear-gradient(180deg,#9a8269 0%,#7a6249 50%,#6a5239 100%);border:4px solid #3d2817;border-radius:4px;box-shadow:inset 0 2px 4px rgba(255,255,255,.2),inset 0 -2px 4px rgba(0,0,0,.3),3px 4px 8px rgba(0,0,0,.5);transform-origin:top center;transition:transform .3s ease;margin-top:25px}.cell::before{content:'';position:absolute;top:-22px;left:50%;transform:translateX(-50%);width:8px;height:22px;background:linear-gradient(90deg,#4a4a4a 0%,#7a7a7a 50%,#4a4a4a 100%);border-radius:2px;box-shadow:1px 1px 2px rgba(0,0,0,.5)}.cell::after{content:'';position:absolute;top:-28px;left:50%;transform:translateX(-50%);width:16px;height:12px;border:4px solid #5a5a5a;border-bottom:none;border-radius:8px 8px 0 0;background:0 0}.cell:hover{transform:rotate(-2deg)}.highlighted{background:repeating-linear-gradient( 90deg,#a08060 0,#8a7050 3px,#a08060 6px,#907555 12px,#a08060 15px ),linear-gradient(180deg,#c4a882 0%,#a08565 50%,#8a7050 100%);box-shadow:inset 0 2px 4px rgba(255,255,255,.3),inset 0 -2px 4px rgba(0,0,0,.2),3px 4px 8px rgba(0,0,0,.5),0 0 15px rgba(255,220,150,.3)}.cell>span{color:#1a0f08;text-shadow:1px 1px 0 rgba(255,255,255,.3);font-family:lovecraft,serif;letter-spacing:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell a{color:#1a0f08;text-shadow:1px 1px 0 rgba(255,255,255,.3)}body{font-family:retroica;color:#222;line-height:1.5;margin:1rem;margin-left:auto;margin-right:auto;max-width:1024px;background-color:#98633b;background-image:repeating-linear-gradient( 0,transparent,transparent 20px,rgba(0,0,0,3%) 20px,rgba(0,0,0,3%) 21px ),repeating-linear-gradient( 90deg,transparent,transparent 40px,rgba(0,0,0,2%) 40px,rgba(0,0,0,2%) 42px )}.countertop{height:50px;width:100%;background-color:#543;--shadow-color:#22110077;box-shadow:10px 10px 5px var(--shadow-color);z-index:2;transform:perspective(150px)rotateX(39deg);--board-color:#554433;--back-trim:#221100;background:repeating-linear-gradient(var(--board-color),var(--board-color) 20px,var(--back-trim) 20px,var(--back-trim) 23px)}.counter{height:200px;width:80%;margin-left:auto;margin-right:auto;z-index:1;--shadow-color:#22110077;box-shadow:5px 5px 5px 5px var(--shadow-color);--board-color:#554433;--back-trim:#221100;background:repeating-linear-gradient(to right,var(--board-color),var(--board-color) 40px,var(--back-trim) 20px,var(--back-trim) 43px)}main{box-shadow:inset 3px 3px 3px gray;background-color:#fff8dc;margin-top:10px;padding:10px;width:80%;margin-left:auto;margin-right:auto;position:relative}main::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1}main::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient( ellipse at center,transparent 60%,rgba(139,90,43,8%) 100% );pointer-events:none;z-index:1}main>*{position:relative;z-index:2}a{color:#00e;text-decoration:none}.header{width:50%;margin-left:auto;margin-right:auto;text-align:center;background-color:#392d29;color:#fff;border-width:8px 8px 0;border-style:solid;border-color:#b88e72}h1{font-family:lovecraft}.old-frame{text-align:center;position:relative}.old-frame .old-frame-inner{background:conic-gradient( #32261e 45deg,#110d0a 55deg 125deg,#32261e 130deg 225deg,#423328 235deg 300deg,#32261e 310deg );display:inline-block;box-shadow:3px 3px 4px #888;padding:10px}.old-frame figure{background:conic-gradient( #110d0a 45deg,#32261e 55deg 125deg,#423328 130deg 225deg,#32261e 235deg 300deg,#110d0a 310deg );display:block;padding:10px;margin:0}.old-frame img{background-color:#fff8dc;display:block}.old-frame .picture-title{background-color:gold;margin-top:-10px;position:absolute;padding:10px;left:50%;transform:translateX(-50%);margin-left:auto;margin-right:auto;bottom:0;display:inline-block;box-shadow:2px 2px 4px #221100}.footer-content{text-align:center;padding:1rem;color:#deb887}.footer-content p{margin:.5rem 0;font-size:14px}.hit-counter{display:inline-flex;align-items:center;gap:8px;margin:1rem 0;font-family:retroica,monospace}.counter-label{font-size:12px;color:#c4a060}.odometer{display:inline-flex;background:#111;border:2px solid #444;border-radius:3px;padding:2px;box-shadow:inset 0 2px 4px rgba(0,0,0,.8),0 1px rgba(255,255,255,.1)}.digit{display:inline-block;width:18px;height:24px;line-height:24px;text-align:center;background:linear-gradient(180deg,#1a1a1a 0%,#2a2a2a 45%,#1a1a1a 55%,#0a0a0a 100%);color:#0f0;font-family:courier new,monospace;font-size:16px;font-weight:700;border-right:1px solid #333;text-shadow:0 0 5px rgba(0,255,0,.5)}.digit:last-child{border-right:none}.badge-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:1rem 0}.badge{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:88px;height:31px;border:1px solid #666;border-radius:2px;font-size:8px;text-transform:uppercase;box-shadow:inset 1px 1px rgba(255,255,255,.3),inset -1px -1px rgba(0,0,0,.3);line-height:1.2}.badge-text{font-size:7px;opacity:.9}.badge-value{font-size:10px;font-weight:700}.badge-resolution{background:linear-gradient(180deg,#4a4a8a 0%,#2a2a5a 100%);color:#fff}.badge-hugo{background:linear-gradient(180deg,#ff6699 0%,#cc3366 100%);color:#fff}.badge-html{background:linear-gradient(180deg,#4a8a4a 0%,#2a5a2a 100%);color:#fff}.decorative-separator{text-align:center;margin:1.5rem 0;font-size:18px;letter-spacing:.2em;color:#8b6914;user-select:none}.separator-stars{color:#c4a240;text-shadow:0 1px 2px rgba(0,0,0,.2);animation:twinkle 2s ease-in-out infinite}@keyframes twinkle{0%,100%{opacity:1}50%{opacity:.7}}.separator-diamonds{color:#6a8caf;font-size:16px}.separator-arrows{color:#8a6a4a;letter-spacing:.1em}.separator-waves{color:#5a8a8a}.wanted-poster{display:inline-block;margin:1.5rem auto;padding:8px;background:#8b7355;box-shadow:4px 4px 8px rgba(0,0,0,.4);transform:rotate(-1deg)}.wanted-inner{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E"),linear-gradient(180deg,#f5e6c8 0%,#e8d4a8 50%,#dbc89a 100%);border:3px double #4a3520;padding:1.5rem;text-align:center;position:relative}.wanted-inner::before{content:'';position:absolute;top:-4px;left:10%;right:10%;height:8px;background:linear-gradient(135deg,transparent 33.33%,#f5e6c8 33.33%,#f5e6c8 66.66%,transparent 66.66%),linear-gradient(225deg,transparent 33.33%,#f5e6c8 33.33%,#f5e6c8 66.66%,transparent 66.66%);background-size:12px 8px}.wanted-header{font-family:lovecraft,serif;font-size:2.5rem;color:#2a1810;letter-spacing:.15em;text-shadow:2px 2px 0 rgba(0,0,0,.1);border-bottom:2px solid #4a3520;padding-bottom:.5rem;margin-bottom:1rem}.wanted-content{font-size:1rem;color:#3a2820;line-height:1.6}.wanted-content p{margin:.5rem 0}.wanted-reward{margin-top:1rem;padding-top:.5rem;border-top:2px solid #4a3520;font-family:lovecraft,serif;font-size:1.2rem;color:#8b0000;letter-spacing:.1em}.rope-divider{text-align:center;margin:2rem 0;position:relative}.rope{display:inline-block;width:80%;height:12px;background:repeating-linear-gradient( 45deg,#8B6914 0,#C4A240 4px,#8B6914 8px,#6B4F0A 12px,#C4A240 16px,#8B6914 20px );border-radius:6px;position:relative;box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 1px 2px rgba(255,255,255,.2)}.rope::before{content:'';position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:radial-gradient(circle,#C4A240 30%,#8B6914 60%,#6B4F0A 100%);border-radius:50%;box-shadow:1px 1px 3px rgba(0,0,0,.4)}.rope::after{content:'';position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:radial-gradient(circle,#C4A240 30%,#8B6914 60%,#6B4F0A 100%);border-radius:50%;box-shadow:1px 1px 3px rgba(0,0,0,.4)}hr{border:none;height:8px;background:repeating-linear-gradient( 45deg,#8B6914 0,#C4A240 3px,#8B6914 6px,#6B4F0A 9px,#C4A240 12px,#8B6914 15px );border-radius:4px;margin:1.5rem 0;box-shadow:0 2px 3px rgba(0,0,0,.2)}@media(max-width:768px){body{margin:.5rem}.grid{grid-template-columns:1fr;width:95%;--gap:0.25rem;grid-row-gap:var(--gap);border-bottom-width:var(--gap);background:repeating-linear-gradient(to right,var(--board-color),var(--board-color) 20px,var(--back-trim) 20px,var(--back-trim) 22px)}.grid header{grid-column:span 1}.logo{width:60%;border-width:10px;border-radius:20px;margin-top:5px;margin-bottom:5px}.logo div{border-radius:8px}.lantern{transform:scale(.8)}.header-with-lanterns{gap:10px}.cell{min-height:3.5rem;line-height:3.5rem;font-size:18px;width:85%;margin-top:20px}.cell::before{top:-18px;height:18px;width:6px}.cell::after{top:-24px;width:12px;height:10px;border-width:3px}.counter{width:95%;height:100px;background:repeating-linear-gradient(to right,var(--board-color),var(--board-color) 20px,var(--back-trim) 20px,var(--back-trim) 22px)}.countertop{height:30px;transform:perspective(100px)rotateX(39deg);background:repeating-linear-gradient(var(--board-color),var(--board-color) 10px,var(--back-trim) 10px,var(--back-trim) 12px)}main{width:95%;padding:5px}.header{width:80%;border-width:4px 4px 0}.old-frame .old-frame-inner{padding:5px;max-width:100%}.old-frame figure{padding:5px}.old-frame img{max-width:100%;height:auto}.old-frame .picture-title{padding:5px;font-size:14px}}@media(max-width:480px){.grid{width:98%;--gap:0.2rem}.logo{width:80%;border-width:8px}.lantern{display:none}.cell{min-height:2.5rem;line-height:2.5rem;font-size:14px;width:90%;margin-top:18px}.cell::before{top:-15px;height:15px;width:5px}.cell::after{top:-20px;width:10px;height:8px;border-width:2px}.counter{width:98%;height:80px}main{width:98%;padding:8px}.header{width:95%}h1{font-size:1.5rem}}