:root{--ink:#181920;--paper:#fff7e9;--orange:#ff5738;--yellow:#ffc43d;--dark:#1e2630;--line:#d8cdbb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans KR",sans-serif;background-image:linear-gradient(#d8cdbb44 1px,transparent 1px),linear-gradient(90deg,#d8cdbb44 1px,transparent 1px);background-size:32px 32px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.top{height:92px;display:flex;align-items:center;gap:48px;padding:0 max(5vw,24px);border-bottom:1px solid #ded3c2;background:#fff9efee;position:sticky;top:0;z-index:20}.logo img{width:150px}.top nav{display:flex;gap:38px;margin:auto;font-weight:800}.account{display:flex;align-items:center;gap:16px;font-size:13px}.account button,.account a{border:0;background:none;font-weight:800;cursor:pointer}.account .outline{border:1px solid;padding:13px 18px;border-radius:8px}.hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:70px max(7vw,40px);overflow:hidden}.eyebrow,.page-head>span{font-size:12px;letter-spacing:3px;color:var(--orange);font-weight:900}.hero h1{font-size:72px;line-height:1.04;margin:24px 0}.hero h1 em{font-style:normal;color:var(--orange);position:relative}.hero h1 em:after,.hero h1 em:before{content:"";position:absolute;left:-5px;right:-5px;height:2px;background:var(--yellow);bottom:-8px;transform:rotate(-1deg)}.hero h1 em:before{bottom:-13px;left:4px;right:2px;transform:rotate(.6deg)}.hero p{font-size:18px;line-height:1.8;color:#777}.actions{display:flex;align-items:center;gap:28px;margin-top:28px}.btn{display:inline-block;border:0;border-radius:10px;padding:18px 26px;background:var(--orange);color:#fff;font-weight:900;box-shadow:5px 6px 0 var(--ink);cursor:pointer}.hero-art{height:560px;position:relative}.arcade{height:530px;display:block;margin:auto;filter:drop-shadow(15px 20px 0 #12141b22)}.pad{position:absolute;width:180px;animation:float 3s ease-in-out infinite}.p1{left:-20px;top:70px}.p2{right:0;top:10px;animation-delay:-1.2s}@keyframes float{50%{transform:translateY(-15px) rotate(3deg)}}.section{padding:90px max(7vw,40px);border-top:1px solid var(--line)}.section h2,.page-head h1{font-size:48px;margin:14px 0 34px}.section-head{display:flex;justify-content:space-between;align-items:end}.game{display:block;min-height:350px;border-radius:24px;padding:50px;background:linear-gradient(110deg,#131c2d88,#131c2dcc),url('/og.png') center/cover;color:#fff}.game h3{font-size:48px;margin:18px 0}.rank-grid,.post-list{display:grid;gap:10px}.rank-grid a,.post-list a{display:grid;grid-template-columns:80px 1fr auto;gap:20px;align-items:center;padding:18px 22px;border:1px solid var(--line);background:#fffaf0;border-radius:10px}.rank-grid a b{color:var(--orange);font-size:22px}.post-list a span{font-weight:900;color:var(--orange)}.post-list a small,.rank-grid a strong{color:#777}.support{text-align:center}.support p{margin-bottom:28px}.dark{background:var(--dark);color:#f8f1e4;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px)}.dark .top{background:#19212beb;border-color:#ffffff22}.dark .post-list a,.dark .board,.dark .editor,.dark .member,.dark .comments,.dark .post{background:#fff8ed;color:#171a20}.page-head{padding:70px max(7vw,40px);border-bottom:1px solid #ffffff22}.page-head p{color:#b8c0ca}.cards,.gallery-grid{padding:50px max(7vw,40px);display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards>a,.gallery-grid>a{background:#fff8ed;color:#181920;padding:34px;border-radius:18px;box-shadow:8px 10px 0 #0b0e13}.cards b,.gallery-grid span{color:var(--orange);font-size:11px;letter-spacing:2px}.gallery-grid i{font-size:42px;font-style:normal}.board,.post,.comments,.editor,.member{max-width:1100px;margin:45px auto;padding:36px;border-radius:18px}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.tabs a{padding:10px 14px;background:#efe2cc;border-radius:8px}.post h1{font-size:42px}.post .meta{color:#777;border-bottom:1px solid #ddd;padding-bottom:22px}.content{font-size:17px;line-height:1.9;padding:30px 0}.content img{max-width:100%;height:auto}.comments article{border-top:1px solid #ddd;padding:20px 0}.comments small{margin-left:12px;color:#777}.comments textarea,.editor textarea,.editor input,.editor select{width:100%;padding:14px;border:1px solid #bbb;border-radius:8px;margin:8px 0 18px}.member>div{display:grid;grid-template-columns:150px 1fr;gap:20px;margin-top:35px}.member>div>b{font-size:36px;background:#171d28;color:#ffc43d;padding:35px;text-align:center}.member dl{display:grid;grid-template-columns:1fr 1fr;gap:10px}.attendance>div{display:flex;gap:25px;padding:14px;border-bottom:1px solid #ddd}.admin-grid{display:grid;grid-template-columns:260px 1fr;gap:24px;padding:45px max(5vw,30px)}.admin-grid aside{display:grid;align-content:start;gap:8px}.admin-grid aside a{padding:15px;background:#ffffff18;border-radius:8px}.admin-list{background:#fff8ed;color:#171a20;padding:28px;border-radius:16px}.admin-list article{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #ddd}.admin-list small{display:block;color:#777;margin-top:5px}.admin-list button{padding:9px 13px;border:0;border-radius:7px;background:var(--orange);color:#fff;font-weight:800}footer{padding:50px max(6vw,30px);background:#151b24;color:#eee;display:grid;gap:16px}footer img{width:140px}footer nav{display:flex;gap:20px}dialog{width:min(480px,92vw);border:0;border-radius:20px;padding:34px;box-shadow:0 25px 80px #0008}dialog::backdrop{background:#0e1119cc}.x{position:absolute;right:20px;top:16px;border:0;background:none;font-size:28px}.social{display:grid;gap:8px;margin-top:15px}.social button,.switch{width:100%;padding:13px;border:1px solid #ddd;background:#fff;border-radius:8px}.switch{margin-top:12px}.check{display:flex!important;flex-direction:row!important}.check input{width:auto!important}dialog label{display:flex;flex-direction:column;gap:7px;font-weight:800;margin:14px 0}dialog input{padding:13px;border:1px solid #bbb;border-radius:8px}.simple{max-width:600px;margin:15vh auto;background:#fff;padding:50px;border-radius:20px}@media(max-width:900px){.top nav{display:none}.top{gap:12px}.account span{display:none}.hero{grid-template-columns:1fr;padding:50px 24px}.hero h1{font-size:48px}.hero-art{height:430px}.arcade{height:410px}.pad{width:130px}.cards,.gallery-grid{grid-template-columns:1fr}.rank-grid a,.post-list a{grid-template-columns:55px 1fr}.rank-grid a strong,.post-list a small{grid-column:2}.admin-grid{grid-template-columns:1fr}.section{padding:65px 24px}}