@font-face{font-family:Ram;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/Ramche.woff2)format("woff2");font-weight:400;font-display:swap}#social .button-icon{filter:invert()brightness(2)}body{background-color:#131d28;margin:0}body *{font-family:Ram}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#172033;background:#fff;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.home-header{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:20px 24px;display:flex}.logo{color:#174ea6;font-size:23px;font-weight:800}.nav{color:#4b5563;gap:30px;font-weight:600;display:flex}.nav a:hover{color:#174ea6}.hero{color:#fff;background:linear-gradient(135deg,#174ea6,#3b82f6)}.hero-inner{max-width:1180px;margin:0 auto;padding:100px 24px}.hero-label{color:#dbeafe;margin:0 0 14px;font-weight:700}.hero h1{max-width:700px;margin:0;font-size:clamp(38px,6vw,64px);line-height:1.15}.hero-description{color:#eaf2ff;max-width:570px;margin:24px 0 32px;font-size:18px;line-height:1.7}.hero-button{color:#174ea6;background:#fff;border-radius:10px;padding:14px 22px;font-weight:800;display:inline-block}.section{max-width:1180px;margin:0 auto;padding:80px 24px}.section-heading{margin-bottom:32px}.section-heading h2{margin:0 0 10px;font-size:32px}.section-heading p{color:#6b7280;margin:0}.cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:28px;box-shadow:0 8px 24px #0f172a0f}.card-icon{background:#eaf2ff;border-radius:12px;place-items:center;width:48px;height:48px;margin-bottom:20px;font-size:23px;display:grid}.card h3{margin:0 0 10px}.card p{color:#6b7280;margin:0;line-height:1.7}.notice-wrap{background:#f7f9fc}.notice-header{justify-content:space-between;align-items:end;display:flex}.more{color:#174ea6;font-weight:700}.notice-list{border-top:2px solid #172033;margin:0;padding:0;list-style:none}.notice-list li{border-bottom:1px solid #dfe3ea;justify-content:space-between;gap:20px;padding:20px 8px;display:flex}.notice-list time{color:#6b7280;flex-shrink:0}.home-footer{text-align:center;color:#9ca3af;background:#172033;padding:30px 24px}.game-logo,.active-link{color:#174ea6}.game-page{background:radial-gradient(circle at 12% 20%,#3b82f638,#0000 30%),radial-gradient(circle at 88% 80%,#c084fc2e,#0000 28%),#111827;min-height:calc(100vh - 155px);padding:64px 24px 80px}.game-intro{text-align:center;max-width:720px;margin:0 auto 36px}.game-intro h1{color:#fff;letter-spacing:-3px;margin:8px 0 16px;font-size:clamp(48px,9vw,84px);line-height:.82}.game-intro h1 span{color:#60a5fa}.game-intro p:last-child{color:#cbd5e1;margin:0;font-size:17px}.game-shell{background:#1e293be0;border:1px solid #94a3b838;border-radius:24px;width:min(100%,570px);margin:0 auto;padding:24px;box-shadow:0 25px 60px #00000059}.score-row{grid-template-columns:1fr 1fr auto;align-items:stretch;gap:12px;display:grid}.score-row div{background:#0f172a;border-radius:12px;flex-direction:column;padding:12px 16px;display:flex}.score-row span{color:#94a3b8;font-size:12px}.score-row strong{color:#fff;font-size:23px}.score-row button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:12px;padding:0 16px}.game-message{color:#bfdbfe;text-align:center;min-height:24px;margin:18px 0}.game-message.danger{color:#fca5a5}.block-board{background:#0b1220;border-radius:16px;grid-template-columns:repeat(8,1fr);gap:5px;width:100%;padding:10px;display:grid}.board-cell{aspect-ratio:1;cursor:pointer;background:#1e293b;border:0;border-radius:6px;padding:0;box-shadow:inset 0 0 0 1px #94a3b814}.board-cell.filled,.piece-cell{box-shadow:inset 0 3px 4px #ffffff47,0 2px 5px #0000004d}.board-cell.preview-valid{background:#60a5fa;outline:2px solid #bfdbfe;transform:scale(.92)}.board-cell.preview-invalid{background:#ef4444;outline:2px solid #fecaca;transform:scale(.92)}.blue{background:#3b82f6!important}.purple{background:#a855f7!important}.orange{background:#f97316!important}.green{background:#22c55e!important}.pink{background:#ec4899!important}.piece-tray{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.piece-option{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#0f172a;border:2px solid #0000;border-radius:14px;place-items:center;min-height:92px;padding:12px;display:grid}.piece-option:hover{background:#172554}.piece-option.selected{background:#1e3a8a;border-color:#60a5fa;transform:translateY(-3px)}.piece-grid{gap:3px;display:grid}.piece-cell{border-radius:4px;width:18px;height:18px;display:block}.drag-piece{z-index:100;pointer-events:none;filter:drop-shadow(0 10px 10px #0006);opacity:.92;gap:4px;display:grid;position:fixed;transform:translate(-50%,-115%)}.drag-piece .piece-cell{width:24px;height:24px}@media (width<=720px){.home-header{flex-direction:column;align-items:flex-start;gap:16px}.nav{justify-content:space-between;gap:12px;width:100%;font-size:14px}.hero-inner{padding-top:72px;padding-bottom:72px}.cards{grid-template-columns:1fr}.section{padding-top:60px;padding-bottom:60px}.notice-list li{flex-direction:column;gap:8px}.game-page{padding:42px 12px 60px}.game-shell{border-radius:18px;padding:14px}.score-row{grid-template-columns:1fr 1fr}.score-row button{grid-column:1/-1;min-height:42px}.block-board{gap:3px;padding:7px}.piece-option{min-height:82px}}