*{box-sizing:border-box;margin:0;padding:0}:root{--wall:#e9e1d3;--wall2:#d9cdb8;--ink:#2a1f14;--dim:#7a6a55;--wood:#3b2416;--wood2:#24150c;--brass:#c9a35c}body{color:var(--ink);background:radial-gradient(ellipse at 50% 0%, #fff8 0, transparent 60%), repeating-linear-gradient(90deg, transparent 0 239px, #0000000d 239px 240px), linear-gradient(var(--wall), var(--wall2));min-height:100vh;font-family:Readex Pro,sans-serif}html[lang=en] body{font-family:Readex Pro,sans-serif}a{color:inherit}.lobby{min-height:100vh;padding:0 16px 60px;overflow-x:hidden}.top{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:18px 0;display:flex}.home{color:var(--dim);font:13px JetBrains Mono,monospace;text-decoration:none}.lang{background:var(--wood);color:#f3e6c8;border:0;border-radius:999px;padding:8px 16px;font-size:14px}.board-wrap{perspective:1400px;max-width:980px;margin:10px auto 0;position:relative}.board{z-index:1;background:repeating-linear-gradient(92deg, #ffffff05 0 2px, transparent 2px 7px), repeating-linear-gradient(88deg, #0000001f 0 1px, transparent 1px 13px), linear-gradient(160deg, #4a2d1b, var(--wood) 40%, var(--wood2));color:#f3e6c8;border-radius:6px;padding:46px clamp(18px,4vw,54px) 40px;position:relative;box-shadow:0 0 0 8px #8a6a3a,0 0 0 10px #e7c98a,0 0 0 13px #6d5028,inset 0 2px 30px #000a,0 40px 60px -20px #3b2a1688}.board-shadow{filter:blur(6px);background:radial-gradient(#0004,#0000 70%);height:40px;position:absolute;inset:auto 6% -30px}.screws i{background:radial-gradient(circle at 35% 35%,#fff3c8,#a07b3b 55%,#4d3614);border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 1px 2px #000a}.screws i:after{content:"";background:#3d2a10;border-radius:1px;position:absolute;inset:6px 2px;transform:rotate(35deg)}.screws i:first-child{top:14px;left:14px}.screws i:nth-child(2){top:14px;right:14px}.screws i:nth-child(3){bottom:14px;left:14px}.screws i:nth-child(4){bottom:14px;right:14px}h1{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.h-ar{color:#f1d58f;text-shadow:0 2px #0008,0 0 24px #f1d58f33;font-family:Reem Kufi,sans-serif;font-size:clamp(38px,7vw,68px);line-height:1.1}.h-en{letter-spacing:.32em;color:#cdb27a;font-family:Cinzel,serif;font-size:clamp(12px,1.6vw,16px)}.intro{text-align:center;color:#d9c7a3;max-width:56ch;margin:16px auto 34px;font-size:15px;line-height:1.8}.floor{border-top:1px solid #ffffff14;align-items:flex-start;gap:18px;padding:18px 0;display:flex}.floor-no{color:#3a2710;background:radial-gradient(circle at 35% 30%,#fff1c4,#c9a35c 45%,#6f5124);border-radius:50%;flex-direction:column;flex:0 0 64px;justify-content:center;align-items:center;height:64px;display:flex;box-shadow:0 3px 6px #0009,inset 0 -2px 4px #0004}.floor-no b{font:700 24px/1 Cinzel,serif}.floor-no span{letter-spacing:.1em;font-size:9px}.floor-body{flex:1;min-width:0}.floor-name{color:#f1d58f;margin-bottom:10px;font-family:Reem Kufi,sans-serif;font-size:20px}html[lang=en] .floor-name{letter-spacing:.12em;font-family:Cinzel,serif}.plaques{flex-wrap:wrap;gap:10px;display:flex}.plaque{--mx:30%;--my:30%;cursor:pointer;font:inherit;color:#3b2a12;background:radial-gradient(circle at var(--mx) var(--my), #fffbe6cc, transparent 45%), repeating-linear-gradient(90deg, #ffffff10 0 1px, transparent 1px 3px), linear-gradient(135deg, #a8843f, #f2d999 30%, #b18a45 55%, #e6c780 80%, #9b7638);border:0;border-radius:3px;align-items:baseline;gap:8px;padding:11px 18px 10px;transition:transform .25s,box-shadow .25s,filter .25s;display:flex;position:relative;box-shadow:0 2px #5b4218,0 5px 10px #0008,inset 0 1px #fff8}.plaque:before,.plaque:after{content:"";background:#6f5124;border-radius:50%;width:5px;height:5px;margin-top:-2.5px;position:absolute;top:50%;box-shadow:inset 0 1px 1px #000a}.plaque:before{left:6px}.plaque:after{right:6px}.pl-who{opacity:.75;font:600 12px Cinzel,serif}.pl-name{text-shadow:0 1px #fff7,0 -1px #0002;font-family:Reem Kufi,sans-serif;font-size:18px;font-weight:700}html[lang=en] .pl-name{letter-spacing:.06em;font-family:Cinzel,serif;font-size:16px}.pl-count{color:#f2d999;background:#3b2a12;border-radius:99px;align-self:center;padding:2px 7px;font:700 11px JetBrains Mono,monospace}.plaque.on:hover{transform:translateY(-2px)rotateX(8deg);box-shadow:0 4px #5b4218,0 10px 18px #000a,inset 0 1px #fff8}.plaque.sel{outline-offset:4px;outline:2px solid #f1d58f}.plaque.off{cursor:default;filter:saturate(.25)brightness(.62)}.pl-soon{letter-spacing:.08em;opacity:.9;font-size:10px}.landing{max-width:1180px;margin:90px auto 0;scroll-margin-top:20px}.landing-head{text-align:center;margin-bottom:40px}.crumb{color:var(--dim);letter-spacing:.08em;font:12px JetBrains Mono,monospace}.landing h2{font-family:Reem Kufi,sans-serif;font-size:clamp(40px,7vw,72px);line-height:1.15}html[lang=en] .landing h2{font-family:Cinzel,serif}.landing-head p{color:var(--dim);margin-top:8px}.doors{background:linear-gradient(#0000 calc(100% - 26px),#b9a88d calc(100% - 26px));grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:36px;padding:0 10px;display:grid}.door{flex-direction:column;align-items:center;text-decoration:none;animation:.6s backwards rise;display:flex}.door:nth-child(2){animation-delay:80ms}.door:nth-child(3){animation-delay:.16s}@keyframes rise{0%{opacity:0;transform:translateY(20px)}}.door-frame{aspect-ratio:5/9;perspective:1200px;background:linear-gradient(#cdbd9f,#b3a07e);border-radius:4px 4px 0 0;width:100%;max-width:300px;padding:12px 12px 0;position:relative;box-shadow:inset 0 0 0 2px #8f7c5c,0 20px 30px -18px #0008}.door-inside{background:radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--c2) 40%, var(--c)), var(--c2) 120%);color:color-mix(in srgb, var(--c) 30%, white);flex-direction:column;gap:12px;padding:22px 20px;display:flex;position:absolute;inset:12px 12px 0;overflow:hidden}.door-inside:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0006,#0000 40%);position:absolute;inset:0}.in-num{opacity:.5;font:700 40px Cinzel,serif}.in-idea{font-size:14px;line-height:1.75;position:relative}.in-tech{opacity:.75;text-align:start;direction:ltr;font:11px JetBrains Mono,monospace;position:relative}.in-go{background:var(--c);color:var(--c2);border-radius:99px;align-self:flex-start;margin-top:auto;padding:9px 16px;font-weight:700;position:relative}.door-leaf{transform-origin:0;transform-style:preserve-3d;background:repeating-linear-gradient(90deg,#ffffff0a 0 2px,#0000 2px 9px),linear-gradient(100deg,#6b4227,#4a2c19 60%,#3a2213);transition:transform .9s cubic-bezier(.2,.8,.2,1);position:absolute;inset:12px 12px 0;box-shadow:inset 0 0 0 1px #0006,-6px 0 14px #0000}html[lang=en] .door-leaf{transform-origin:100%}.door:hover .door-leaf,.door:focus-visible .door-leaf{transform:rotateY(78deg);box-shadow:inset 0 0 0 1px #0006,-18px 0 30px #0007}html[lang=en] .door:hover .door-leaf,html[lang=en] .door:focus-visible .door-leaf{transform:rotateY(-78deg)}.door.locked:hover .door-leaf{transform:rotateY(8deg)}html[lang=en] .door.locked:hover .door-leaf{transform:rotateY(-8deg)}.panel{border-radius:3px;position:absolute;left:14%;right:14%;box-shadow:inset 2px 2px 3px #0008,inset -1px -1px 2px #fff2}.p1{height:38%;top:7%}.p2{height:41%;top:52%}.plate{color:#3b2a12;background:linear-gradient(135deg,#a8843f,#f2d999 40%,#b18a45);border-radius:2px;place-items:center;width:38px;height:22px;font:700 14px Cinzel,serif;display:grid;position:absolute;top:3%;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #000a}.peep{background:radial-gradient(#222 40%,#c9a35c 45%);border-radius:50%;width:9px;height:9px;margin-left:-4.5px;position:absolute;top:25%;left:50%;box-shadow:0 1px 2px #000}.knob{background:radial-gradient(circle at 35% 35%,#fff1c4,#c9a35c 50%,#6f5124);border-radius:50%;width:16px;height:16px;position:absolute;top:50%;right:10%;box-shadow:0 2px 4px #000a}html[lang=en] .knob{left:10%;right:auto}.name-tag{white-space:nowrap;color:#3b2a12;background:linear-gradient(135deg,#a8843f,#f2d999 40%,#b18a45);border-radius:2px;padding:5px 12px;font-family:Reem Kufi,sans-serif;font-size:15px;position:absolute;top:33%;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #000a}html[lang=en] .name-tag{font-family:Cinzel,serif;font-size:13px}.mat{text-align:center;letter-spacing:.3em;color:#e8d6ad;transform-origin:top;background:repeating-linear-gradient(90deg,#6b3a24 0 3px,#5b301d 3px 6px);border-radius:0 0 8px 8px;width:84%;max-width:250px;margin-top:0;padding:9px 0 8px;font:700 12px Cinzel,serif;transform:perspective(200px)rotateX(40deg)}.foot{text-align:center;color:var(--dim);margin-top:60px;font-size:12px}@media (width<=640px){.floor{gap:12px}.floor-no{flex-basis:46px;height:46px}.floor-no b{font-size:18px}.pl-name{font-size:15px}.plaque{padding:9px 14px 8px}}