body,html{height:100%}body{display:flex;flex-direction:column;min-height:100vh}.board-header-section{width:100%;box-sizing:border-box}.board-header-section .board-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.board-header-section .board-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.btn-back-inline{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-back-inline:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.category-tabs{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--border)}.category-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);text-decoration:none;font-size:14px;cursor:pointer;transition:all .2s}.category-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.category-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.category-tab .category-icon{font-size:14px}.category-tabs .btn-back-inline{margin-left:auto}.board-sidebar-left,.board-sidebar-right{position:sticky;top:80px;height:fit-content}.board-sidebar-left{width:160px}.board-sidebar-right{width:200px}.board-sidebar-left .ad-section,.board-sidebar-right .ad-section{background:0 0;border:none;border-radius:0;padding:0}.board-sidebar-left .ad-label,.board-sidebar-right .ad-label{display:none}.board-sidebar-left .ad-placeholder,.board-sidebar-right .ad-placeholder{min-height:700px}.board-sidebar-left .ad-placeholder{background-color:rgba(255,182,193,.3);border-radius:8px}.ad-affiliate{font-size:9px;color:var(--text-secondary);opacity:.5;text-align:center;padding:6px 2px;line-height:1.3;word-break:keep-all;max-width:200px}.ad-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:12px}.ad-label{font-size:10px;color:var(--text-secondary);text-align:center;margin-bottom:8px;opacity:.6}.ad-placeholder{min-height:250px}.ad-box{display:flex;align-items:center;justify-content:center;min-height:700px;background:var(--bg-tertiary);border-radius:4px;color:var(--text-secondary);font-size:12px}.board-ad-bottom{max-width:1400px;margin:0 auto;padding:0 20px 20px}.board-ad-bottom .ad-horizontal{width:100%}.board-ad-bottom .ad-horizontal .ad-placeholder{min-height:90px}.board-ad-bottom .ad-horizontal .ad-box{min-height:90px}.post-table{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden}.post-table-header{display:grid;grid-template-columns:60px 100px 1fr 120px 100px 80px 70px;padding:12px 20px;background:var(--bg-tertiary);font-weight:600;font-size:13px;color:var(--text-secondary);border-bottom:2px solid var(--border)}.post-table-header .col-author,.post-table-header .col-category,.post-table-header .col-date,.post-table-header .col-num,.post-table-header .col-title,.post-table-header .col-views,.post-table-header .col-votes{text-align:center}.post-table .post-item{display:grid;grid-template-columns:60px 100px 1fr 120px 100px 80px 70px;padding:12px 20px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s;align-items:center}.post-table .post-item:last-child{border-bottom:none}.post-table .post-item:hover{background:var(--bg-tertiary)}.post-table .post-num{font-size:13px;color:var(--text-secondary);text-align:center}.post-table .post-category{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:11px;padding:4px 10px;text-align:center!important;justify-self:center!important;width:auto;border-radius:4px;font-weight:500}.post-table .post-title{font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-table .post-author{font-size:13px;color:var(--text-secondary);text-align:center}.post-table .post-date{font-size:12px;color:var(--text-secondary);text-align:center}.post-table .post-views,.post-table .post-votes{font-size:13px;color:var(--text-secondary);text-align:center}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.board-container{display:grid;grid-template-columns:160px 1fr 200px;gap:24px;width:100%;padding:20px;flex:1;box-sizing:border-box}.board-content{min-width:0}.board-posts{margin-top:20px}.board-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.board-title{font-size:24px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px}.board-actions{display:flex;gap:10px;align-items:center}.board-search{display:flex;gap:8px}.board-search input{padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;width:200px}.board-search input:focus{outline:0;border-color:var(--primary)}.board-search button{padding:8px 16px}.category-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.category-tab{padding:8px 16px;border:1px solid var(--border);border-radius:20px;background:var(--bg-secondary);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s}.category-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.category-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.post-list{background:var(--bg-secondary);border-radius:12px;overflow:hidden;border:1px solid var(--border)}.post-list-header{display:grid;grid-template-columns:80px 1fr 120px 80px 80px 100px;padding:12px 16px;background:var(--bg-tertiary);font-weight:600;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border)}.post-item:last-child{border-bottom:none}.post-item:hover{background:var(--bg-tertiary)}.post-category{font-size:12px;padding:4px 8px;border-radius:4px;text-align:center;font-weight:500}.post-category.strategy{background:rgba(99,102,241,.2);color:#818cf8}.post-category.record{background:rgba(16,185,129,.2);color:#34d399}.post-category.question{background:rgba(245,158,11,.2);color:#fbbf24}.post-category.general{background:rgba(107,114,128,.2);color:#9ca3af}.post-title-cell{display:flex;flex-direction:column;gap:4px;min-width:0;overflow:hidden}.post-title{font-size:15px;color:var(--text-primary);font-weight:500;display:flex;align-items:center;gap:6px}.post-title .comment-count{font-size:12px;color:var(--primary);font-weight:600}.post-author{font-size:13px;color:var(--text-secondary)}.post-date,.post-views,.post-votes{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.post-votes{display:flex;gap:4px}.post-votes .up{color:#10b981}.post-votes .down{color:#ef4444}.post-list-empty{width:100%;text-align:center;padding:60px 20px;color:var(--text-secondary)}.post-list-empty .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.pagination{display:flex;justify-content:center;gap:8px;margin-top:20px}.pagination button{padding:8px 14px;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s}.pagination button:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary)}.pagination button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.post-detail-modal{max-width:800px;width:95%}.post-detail-header{margin-bottom:20px}.post-detail-category{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;margin-bottom:10px}.post-detail-title{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.post-detail-meta{display:flex;gap:16px;font-size:13px;color:var(--text-secondary)}.post-detail-content{padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);min-height:150px;line-height:1.65;color:#e6e9f2;white-space:pre-wrap}.post-detail-content div{margin:6px 0 6px 32px;font-size:16px;letter-spacing:.1px}.post-detail-content strong{color:#f2f5ff;font-weight:700}.post-detail-content .post-h2,.post-detail-content .post-h3,.post-detail-content h2,.post-detail-content h3{color:#f6f8ff;margin:14px 0 6px;font-weight:700}.post-detail-content .post-h2,.post-detail-content h2{font-size:22px;margin-left:0}.post-detail-content .post-h3,.post-detail-content h3{font-size:20px;margin-left:16px}.post-detail-content p{margin:8px 0 8px 32px;font-size:16px;color:#e1e6f0}.post-detail-content img{max-width:100%;height:auto;display:block;margin:12px auto}.rich-editor img{max-width:100%;height:auto}.post-detail-actions{display:flex;justify-content:space-between;align-items:center;padding-top:16px}.post-record-replay{margin-top:18px;padding:14px;border:1px solid var(--border);border-radius:12px;background:rgba(22,33,76,.55)}.post-record-header{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:10px}.post-record-header h3{margin:0;font-size:18px}.post-record-meta{color:var(--text-secondary);font-size:13px}.post-record-board-wrap{display:flex;justify-content:center}.post-record-board{--cell:22px;display:grid;grid-template-columns:repeat(15,var(--cell));grid-template-rows:repeat(15,var(--cell));background:linear-gradient(180deg,#e8c366 0,#d9b35b 100%);border-radius:10px;position:relative;padding:calc(var(--cell)/ 2 + 8px);width:fit-content;box-shadow:inset 0 0 0 1px rgba(72,39,0,.22)}.post-record-board::after,.post-record-board::before{content:'';position:absolute;top:calc(var(--cell) + 8px);left:calc(var(--cell) + 8px);right:calc(var(--cell) + 8px);bottom:calc(var(--cell) + 8px);pointer-events:none}.post-record-board::before{background-image:linear-gradient(rgba(40,20,0,.95) 1px,transparent 1px),linear-gradient(90deg,rgba(40,20,0,.95) 1px,transparent 1px);background-size:var(--cell) var(--cell)}.post-record-board::after{border:1px solid rgba(40,20,0,.96)}.post-record-cell{width:var(--cell);height:var(--cell);position:relative;z-index:1}.post-record-stone{width:calc(var(--cell) - 4px);height:calc(var(--cell) - 4px);border-radius:50%;position:absolute;top:2px;left:2px}.post-record-stone.black{background:radial-gradient(circle at 30% 30%,#444,#111)}.post-record-stone.white{background:radial-gradient(circle at 30% 30%,#fff,#ccc)}.post-record-stone.last::after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#ef476f;top:50%;left:50%;transform:translate(-50%,-50%)}.post-record-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}#post-record-speed{min-height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);padding:0 8px}.post-record-replay .record-chess-board-shell{background:#d9b963;border:1px solid rgba(0,0,0,.14);border-radius:12px;padding:8px;width:fit-content;max-width:100%;margin:0 auto 10px}.post-record-replay .record-chess-board{display:grid;grid-template-columns:repeat(8,minmax(30px,52px));grid-template-rows:repeat(8,minmax(30px,52px));border:5px solid #5d4524;border-radius:4px;box-shadow:0 8px 20px rgba(0,0,0,.35),inset 0 0 0 2px #8b6914,0 0 0 3px #3d2e17;background:linear-gradient(135deg,#8b6914 0,#5d4524 100%);padding:2px}.post-record-replay .record-chess-board .cell{width:auto;height:auto;display:flex;justify-content:center;align-items:center}.post-record-replay .record-chess-board .cell.light{background:linear-gradient(135deg,#f5e6c8 0,#edd9b3 50%,#e8d1a5 100%)}.post-record-replay .record-chess-board .cell.dark{background:linear-gradient(135deg,#b88b4a 0,#a67c41 50%,#8f6a38 100%)}.post-record-replay .record-chess-board .cell.last-move{background:linear-gradient(135deg,#c8e896 0,#a9d46a 50%,#8bc34a 100%)!important}.post-record-replay .record-chess-board .piece{width:85%;height:85%;display:flex;align-items:center;justify-content:center}.post-record-replay .record-chess-board .piece svg{width:100%;height:100%}.post-record-replay .record-janggi-board-shell{position:relative;width:min(100%,700px);aspect-ratio:711/650;margin:0 auto;padding:14px;background:#dfbe62;border-radius:10px;border:1px solid rgba(72,39,0,.22);box-shadow:0 8px 24px rgba(0,0,0,.32),inset 0 0 0 1px rgba(72,39,0,.22)}.post-record-replay .record-janggi-board{display:grid;width:100%;height:100%;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr))}.post-record-replay .record-board-lines{position:absolute;top:14px;left:14px;width:calc(100% - 28px);height:calc(100% - 28px);pointer-events:none;z-index:1}.post-record-replay .record-janggi-board .cell{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;z-index:2;cursor:default}.post-record-replay .record-janggi-board .piece{width:min(80%,52px);height:min(80%,52px);display:flex;justify-content:center;align-items:center;font-weight:700;font-size:clamp(16px, 2.4vw, 28px);font-family:'Noto Serif KR',Batang,serif;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);border:none;position:relative;transition:none;filter:drop-shadow(2px 3px 3px rgba(0, 0, 0, .5))}.post-record-replay .record-janggi-board .piece::before{content:'';position:absolute;top:1px;left:1px;right:1px;bottom:1px;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.9) 0,transparent 50%),linear-gradient(150deg,#f5ecd8 0,#e8dcc0 40%,#d8c8a0 100%);z-index:-1}.post-record-replay .record-janggi-board .piece.cho{background:linear-gradient(145deg,#2a8a2a 0,#1a6a1a 50%,#0a4a0a 100%);color:#1a5a1a;text-shadow:.5px .5px 0 rgba(255,255,255,.8),-.5px -.5px 0 rgba(255,255,255,.5)}.post-record-replay .record-janggi-board .piece.han{background:linear-gradient(145deg,#d42040 0,#a01830 50%,#801020 100%);color:#a01525;text-shadow:.5px .5px 0 rgba(255,255,255,.8),-.5px -.5px 0 rgba(255,255,255,.5)}.post-record-replay .record-janggi-board .piece.piece-king{width:min(82%,54px);height:min(82%,54px);font-size:clamp(17px, 2.6vw, 30px)}.post-record-replay .record-janggi-board .piece.piece-small{width:min(64%,42px);height:min(64%,42px);font-size:clamp(13px, 2vw, 22px)}.post-record-replay .record-janggi-board .cell.last-move-cell-cho{background:radial-gradient(circle,rgba(0,255,0,.32) 0,rgba(0,255,0,.1) 55%,transparent 75%)!important}.post-record-replay .record-janggi-board .cell.last-move-cell-han{background:radial-gradient(circle,rgba(255,0,0,.32) 0,rgba(255,0,0,.1) 55%,transparent 75%)!important}.vote-buttons{display:flex;gap:12px}.vote-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary)}.vote-btn.up.voted,.vote-btn.up:hover{background:rgba(16,185,129,.2);border-color:#10b981;color:#10b981}.vote-btn.down.voted,.vote-btn.down:hover{background:rgba(239,68,68,.2);border-color:#ef4444;color:#ef4444}.comments-section{margin-top:24px}.comments-header{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.comment-input-area{display:flex;gap:10px;margin-bottom:20px}.comment-input-area textarea{flex:1;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);font-size:14px;resize:vertical;min-height:60px}.comment-input-area textarea:focus{outline:0;border-color:var(--primary)}.comment-list{display:flex;flex-direction:column;gap:12px}.comment-item{padding:12px;background:var(--bg-tertiary);border-radius:8px}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.comment-author{font-weight:600;color:var(--text-primary);font-size:14px}.comment-date{font-size:12px;color:var(--text-secondary)}.comment-content{font-size:14px;color:var(--text-primary);line-height:1.6}.comment-actions{margin-top:8px;display:flex;gap:12px}.comment-action-btn{font-size:12px;color:var(--text-secondary);background:0 0;border:none;cursor:pointer;padding:0}.comment-action-btn:hover{color:var(--primary)}.write-post-form{display:flex;flex-direction:column;gap:16px}.write-post-form .form-group{display:flex;flex-direction:column;gap:8px}.write-post-form label{font-weight:600;color:var(--text-primary);font-size:14px}.write-post-form input,.write-post-form select{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);font-size:14px}.write-post-form input:focus,.write-post-form select:focus,.write-post-form textarea:focus{outline:0;border-color:var(--primary)}.write-post-form textarea{padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);font-size:14px;resize:vertical;min-height:200px;line-height:1.6}@media (max-width:1024px){.board-sidebar-right{display:none}.board-container{grid-template-columns:160px 1fr}.board-content{width:100%;overflow-x:auto}.post-table-header{grid-template-columns:50px 80px 1fr 100px 80px 60px 50px}.post-table .post-item{grid-template-columns:50px 80px 1fr 100px 80px 60px 50px}}@media (max-width:820px){.board-sidebar-left{display:none}.board-container{grid-template-columns:1fr}}@media (max-width:768px){.board-ad-bottom{padding:0 12px 12px}.board-header-section .board-title{font-size:20px}.category-tabs{gap:6px}.category-tab{padding:8px 12px;font-size:13px}.category-tab .category-icon{display:none}.board-container{padding:12px}.board-actions{flex-wrap:nowrap;gap:8px}.board-search{min-width:0}.board-search input{width:120px;min-width:80px}.post-table-header{display:none}.post-table .post-item{display:flex;flex-direction:column;gap:8px;padding:14px}.post-table .post-num{display:none}.post-table .post-category{align-self:flex-start}.post-table .post-title{font-size:15px;white-space:normal;order:-1}.post-table .post-author,.post-table .post-date,.post-table .post-views,.post-table .post-votes{display:inline;font-size:12px}.pagination button{padding:6px 10px;font-size:13px}.post-record-board{--cell:min(5.4vw, 20px)}}@media (max-width:480px){.board-container{padding:8px}.board-ad-bottom{padding:0 8px 8px}.board-header-section .board-title{font-size:18px}.category-tab{padding:6px 10px;font-size:12px}.btn-back-inline{padding:6px 10px;font-size:12px}.post-record-replay{padding:10px}.post-record-board{--cell:min(5vw, 18px);padding:calc(var(--cell)/ 2 + 6px)}.post-record-board::after,.post-record-board::before{top:calc(var(--cell) + 6px);left:calc(var(--cell) + 6px);right:calc(var(--cell) + 6px);bottom:calc(var(--cell) + 6px)}}