@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#f4f3ee;--ink:#20251f;--green:#295c45;--lime:#dcf479;--line:#d9ddd3;--muted:#777d72}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans KR',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #d28538;outline-offset:4px}header{height:88px;max-width:1280px;margin:auto;display:flex;align-items:center;gap:54px;padding:0 38px;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:900;letter-spacing:-2px}.logo i{display:inline-grid;place-items:center;background:var(--green);color:var(--lime);width:34px;height:34px;border-radius:10px;font-style:normal;font-size:24px;letter-spacing:0}nav{display:flex;gap:28px;font-size:13px;font-weight:700}nav a{color:var(--muted)}nav .active{color:var(--green)}.admin-link{margin-left:auto;border:1px solid #cfd4ca;border-radius:30px;padding:10px 16px;color:#5d665c;font-size:12px;font-weight:700}main{max-width:1280px;margin:auto;padding:44px 38px 32px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:2px;color:var(--green)}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:300px;gap:20px;align-items:center}.hero h1{font-size:66px;line-height:1.17;letter-spacing:-5px;margin:20px 0;font-weight:900}.hero h1 em{font-style:normal;color:var(--green);position:relative}.hero p{font-size:14px;color:#697162;line-height:1.9}.hero-art{height:280px;position:relative;display:grid;place-items:center}.art-circle{width:260px;height:260px;border-radius:50%;background:#e4e9d9;position:absolute}.art-tile{position:absolute;display:grid;place-items:center;box-shadow:0 16px 24px #23392318;border-radius:25px;transform:rotate(-12deg);font-weight:900}.tile-2048{width:130px;height:130px;background:#e4b565;color:#563c23;font-size:38px;left:13%;top:33px}.tile-chess{width:138px;height:150px;background:var(--green);color:#e6f3dc;font-size:94px;right:12%;top:60px;transform:rotate(13deg)}.tile-go{width:145px;height:110px;background:#f8f7f0;left:28%;bottom:15px;transform:rotate(-5deg);display:flex;gap:12px}.stone{display:inline-block;width:36px;height:36px;border-radius:50%;background:#252e25;box-shadow:inset -3px -5px 7px #0004,0 4px 5px #0002}.stone.white{background:#f7f7ee;border:1px solid #d7dace}.spark{position:absolute;right:11%;bottom:18px;color:#93aa5f;font-size:40px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:32px 0 20px}.section-heading h2{font-size:23px;letter-spacing:-1px;margin:0}.section-heading span{font-size:11px;color:var(--muted)}.filter{display:flex;gap:8px;flex-wrap:wrap}.filter button{border:1px solid var(--line);padding:9px 20px;border-radius:30px;color:#6e7569;background:transparent;font-size:12px;font-weight:700}.filter button.selected{background:var(--ink);color:white;border-color:var(--ink)}.games{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}.game-card{background:#fffdf7;border:1px solid #e0e2d8;border-radius:20px;overflow:hidden;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #2138200c}.card-art{height:190px;display:grid;place-items:center;position:relative;overflow:hidden}.go-art{background:#e8ebd9}.mini-go{width:128px;height:128px;background:repeating-linear-gradient(0deg,transparent 0 24px,#8a987c60 25px 26px),repeating-linear-gradient(90deg,transparent 0 24px,#8a987c60 25px 26px);position:relative}.mini-go .stone{position:absolute;width:29px;height:29px}.number-art{background:#eee1c9;display:grid;grid-template-columns:repeat(2,53px);gap:7px;align-content:center}.number-art b{width:53px;height:53px;display:grid;place-items:center;border-radius:9px;background:#ead3a8;font-size:22px;color:#735635}.number-art b:nth-child(2){background:#f2bd6a}.number-art b:nth-child(3){background:#7a9470;color:#fff}.number-art b:nth-child(4){background:#d8984e;color:white}.chess-art{background:#dee7e1;color:#2c5644;font-size:116px;line-height:1}.chess-art span{transform:rotate(-9deg);filter:drop-shadow(6px 10px 0 #24483413)}.neon-art{background:#151c2c;color:#a7f4e5}.neon-art img{width:100%;height:100%;object-fit:cover;opacity:.8}.neon-art strong{position:absolute;bottom:15px;font-size:15px;letter-spacing:2px;text-shadow:0 2px 8px black}.card-copy{padding:20px}.tags{display:flex;gap:5px;font-size:9px;color:#78816e}.tags span{background:#eff1e9;border-radius:4px;padding:3px 6px}.card-copy h3{font-size:21px;margin:11px 0 7px;letter-spacing:-1px}.card-copy p{font-size:11px;color:#85897e;margin:0 0 22px;line-height:1.7}.card-bottom{border-top:1px solid #eef0e7;padding-top:13px;display:flex;justify-content:space-between;font-size:10px;color:#92988a}.play{color:var(--green);font-weight:800}.bottom-note{margin-top:35px;display:flex;justify-content:space-between;gap:15px;padding:20px 24px;border:1px solid var(--line);border-radius:14px;font-size:12px;color:#737c6d}.bottom-note strong{color:#354c35}footer{max-width:1204px;margin:32px auto 0;padding:22px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:#8b9386}.game-layout{max-width:720px;margin:20px auto}.game-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.game-top h1{font-size:34px;letter-spacing:-2px}.controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn,select{border:1px solid #cdd5c5;border-radius:10px;background:white;padding:10px 15px;font-size:12px}.btn.primary{background:var(--green);color:white;border-color:var(--green)}.status{min-height:48px;padding:14px 0;font-size:14px;font-weight:700;color:var(--green)}.board{width:min(100%,540px);margin:8px auto 20px;display:grid;touch-action:none;user-select:none}.go-board{grid-template-columns:repeat(15,1fr);background:#dab77e;border:14px solid #ba9560;border-radius:8px;aspect-ratio:1;gap:0}.go-cell{border:0;background:linear-gradient(#96734488,#96734488) center/1px 100% no-repeat,linear-gradient(90deg,#96734488,#96734488) center/100% 1px no-repeat;position:relative;padding:0;aspect-ratio:1;min-width:0}.go-cell.filled::after{content:'';position:absolute;inset:7%;border-radius:50%;box-shadow:inset -3px -4px 5px #0004,1px 2px 3px #0003;background:#242a23}.go-cell.white::after{background:#faf9ee}.go-cell.last::before{content:'';position:absolute;width:15%;height:15%;border-radius:50%;background:#d98c42;top:43%;left:43%;z-index:2}.instructions{font-size:12px;line-height:1.9;color:#7b8475}.score{display:flex;gap:8px}.score b{background:#e3e7db;border-radius:9px;padding:9px 14px;font-size:18px}.score small{display:block;font-size:9px;color:#78846f}.board-2048{grid-template-columns:repeat(4,1fr);gap:10px;padding:10px;background:#b5b8a2;border-radius:12px;aspect-ratio:1;position:relative}.cell-2048{border-radius:7px;background:#ccd0bb;display:grid;place-items:center;font-size:clamp(22px,6vw,44px);font-weight:900;color:#635a48;aspect-ratio:1}.v2{background:#f0eddf}.v4{background:#ece3c9}.v8{background:#edbd7b}.v16{background:#efa365;color:white}.v32{background:#e98a65;color:white}.v64{background:#d86a48;color:white}.v128,.v256{background:#c2c974;color:#3e512e;font-size:32px}.v512,.v1024,.v2048,.vbig{background:#49754a;color:#f3f6db;font-size:30px}.chess-board{grid-template-columns:repeat(8,1fr);border:8px solid #45654d;aspect-ratio:1;border-radius:7px}.chess-cell{border:0;position:relative;padding:0;aspect-ratio:1;font-family:Georgia,'Segoe UI Symbol',serif;font-size:clamp(28px,6vw,52px);line-height:1;background:#e7ead8;color:#1d3025;min-width:0}.chess-cell.dark{background:#91ad8a}.chess-cell.piece-white{color:#fffdf2;text-shadow:0 1px 2px #183921,1px 0 #183921,-1px 0 #183921}.chess-cell.selected{background:#e5ce66}.chess-cell.legal::after{content:'';position:absolute;inset:36%;background:#1c463b66;border-radius:50%}.chess-cell.legal.capture::after{inset:4%;background:transparent;border:4px solid #d3944f;border-radius:50%}.move-log{max-height:100px;overflow:auto;padding:12px;border-radius:10px;background:#e8ebdf;font-size:12px;word-spacing:8px}.admin-panel{max-width:660px;background:#fffef8;padding:36px;border:1px solid var(--line);border-radius:20px;margin:40px auto}.admin-panel h1{font-size:32px;letter-spacing:-2px}.admin-panel p{color:#6b7664;font-size:14px;line-height:1.9}.admin-panel .btn{display:inline-block;margin:16px 0}.admin-panel small{display:block;color:#838a7b;line-height:1.8}.mobile-arrows{display:flex;justify-content:center;gap:8px;margin:15px}.mobile-arrows button{font-size:20px}dialog{border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#17271b66}dialog button{font-size:32px;margin:8px}.notice{color:#94713e;font-size:12px}.hidden{display:none!important}@media(max-width:900px){.games{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:52px}.hero-art{transform:scale(.85)}header{gap:25px}.card-art{height:180px}}@media(max-width:580px){header{height:70px;padding:0 20px;gap:25px}nav{gap:15px;font-size:11px}nav a:last-child{display:none}.logo{font-size:24px}.admin-link{padding:8px 11px;font-size:10px}main{padding:25px 20px}.hero{grid-template-columns:1fr;gap:0}.hero h1{font-size:49px;margin:17px 0}.hero-art{height:220px;margin-top:5px;transform:scale(.8)}.hero p{font-size:12px}.games{gap:12px}.card-art{height:145px}.card-copy{padding:15px}.card-copy h3{font-size:18px}.card-copy p{font-size:10px;min-height:34px}.card-bottom{font-size:9px}.bottom-note{display:block;line-height:1.9;font-size:11px}.section-heading h2{font-size:20px}.section-heading span{font-size:9px}.filter button{padding:8px 15px}.go-board{border-width:8px}.game-top{flex-wrap:wrap}.admin-panel{padding:25px}footer{margin:25px 20px;gap:15px}.board-2048{gap:7px;padding:7px}}
.number-art{justify-content:center}
.games{grid-template-columns:repeat(3,minmax(0,1fr))}.online-panel{padding:20px 24px;background:#e9efdd;border:1px solid #cedbc0;border-radius:16px;margin-bottom:25px}.online-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:16px;font-size:12px;color:#365b38}.online-head strong{font-weight:800}.online-head span{font-size:11px}.online-message{font-size:12px;line-height:1.8;color:#56734e;margin-bottom:0;min-height:22px}.match-empty{text-align:center;padding:55px 15px;background:#fffdf8;border:1px dashed #c7d1bd;border-radius:18px}.match-empty h2{font-size:21px}.match-empty p{font-size:12px;color:#788672}.matching-dot{display:inline-block;width:18px;height:18px;border-radius:50%;background:#739a5b;animation:pulse 1s infinite alternate}.online-turn{display:flex;justify-content:space-between;font-size:13px;padding:10px 0 18px;color:#426343}.seat-tag{font-size:12px;background:#e3ead6;border-radius:20px;padding:8px 14px}.btn:disabled{opacity:.5;cursor:default}@keyframes pulse{to{opacity:.25;transform:scale(.7)}}@media(max-width:900px){.games{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.online-panel{padding:17px}.online-head{font-size:11px}}