*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,'Segoe UI',Roboto,sans-serif;background:#f0eef6;color:#1e1b2e;min-height:100dvh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}.container{max-width:1100px;margin:0 auto;padding:0 20px}.section{width:100%;padding:48px 0}.section:nth-child(even){background:rgba(182,180,208,.1)}.section-title{font-size:1.8rem;font-weight:900;text-align:center;margin-bottom:6px}.section-title span{background:#facc15;padding:0 16px;border-radius:40px;border:3px solid #1e1b2e}.section-sub{text-align:center;opacity:.55;margin-bottom:28px;font-weight:600;font-size:.92rem}.site-header{background:#fff;border-bottom:3px solid #1e1b2e;position:sticky;top:0;z-index:100;box-shadow:0 2px 16px rgba(0,0,0,.06)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:58px;gap:16px}.logo-group{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.3rem;color:#1e1b2e;cursor:pointer;flex-shrink:0}.logo-symbol{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:#1e1b2e;color:#B6B4D0;border-radius:50%;font-size:20px;font-weight:900;border:2px solid #facc15;transition:.2s}.logo-symbol:hover{transform:scale(1.08) rotate(-5deg)}.logo-text{display:flex;align-items:baseline;gap:6px}.logo-text .part1{color:#1e1b2e}.logo-text .part2{background:#1e1b2e;color:#B6B4D0;padding:2px 14px;border-radius:40px;font-size:.72rem;letter-spacing:.12em;border:2px solid #facc15}.nav-links{display:flex;flex-wrap:wrap;gap:4px 18px;font-weight:700;font-size:.85rem}.nav-links a{padding:4px 0;border-bottom:3px solid transparent;transition:.15s;cursor:pointer}.nav-links a:hover{border-bottom-color:#facc15}.nav-links a.active{border-bottom-color:#facc15}.section-game{padding:20px 0 44px}.game-card{background:rgba(255,255,255,.5);border-radius:28px;border:3px solid #1e1b2e;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.06)}.game-root{display:flex;flex-direction:column;height:100%;min-height:520px}.game-header{border-bottom:3px solid #1e1b2e;padding:10px 0 6px;text-align:center;background:rgba(182,180,208,.12)}.game-header h2{font-size:1.2rem;font-weight:900;letter-spacing:.15em;color:#1e1b2e}.game-header .counter{font-size:.95rem;font-weight:800;color:#1e1b2e;opacity:.8}.board{position:relative;flex:1;overflow:hidden;touch-action:none;background:rgba(182,180,208,.18);min-height:220px}.board-item{position:absolute;display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:999px;border:3px solid #1e1b2e;background:#fff;padding:0 10px;font-weight:800;font-size:13px;color:#1e1b2e;box-shadow:0 3px 8px rgba(0,0,0,.07);transition:transform .05s,box-shadow .1s,background .1s;cursor:grab;width:106px;height:38px;white-space:nowrap;will-change:transform,left,top;user-select:none}.board-item.dragging{transform:scale(1.1);box-shadow:0 12px 28px rgba(0,0,0,.2);z-index:20;cursor:grabbing;border-color:#facc15}.board-item.hover-target{background:#bbf7d0!important;box-shadow:0 0 0 5px #4ade80;z-index:10;border-color:#16a34a}.board-empty{pointer-events:none;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;color:#1e1b2e;opacity:.55;font-size:.92rem;padding:2rem}.board-empty span{max-width:260px;background:rgba(255,255,255,.3);padding:12px 20px;border-radius:40px}.flash-message{pointer-events:none;position:absolute;left:50%;top:12px;transform:translateX(-50%);border-radius:999px;padding:8px 24px;font-weight:800;font-size:.88rem;box-shadow:0 8px 20px rgba(0,0,0,.12);animation:flashIn .25s ease-out;z-index:30;white-space:nowrap;border:3px solid #1e1b2e}.flash-new{background:#fde047;border-color:#eab308}.flash-fail{background:rgba(30,27,46,.88);color:#fff;border-color:#1e1b2e}.flash-info{background:#fff;border-color:#1e1b2e}@keyframes flashIn{0%{opacity:0;transform:translateX(-50%) translateY(-12px)}100%{opacity:1;transform:translateX(-50%) translateY(0)}}.board-controls{position:absolute;bottom:10px;left:10px;display:flex;gap:6px}.board-controls button,.board-list-btn{border:3px solid #1e1b2e;background:#fff;padding:5px 14px;border-radius:40px;font-weight:800;font-size:.68rem;color:#1e1b2e;box-shadow:0 2px 6px rgba(0,0,0,.05);cursor:pointer;transition:.1s;text-transform:uppercase;letter-spacing:.04em}.board-controls button:hover,.board-list-btn:hover{background:#facc15;transform:scale(.96)}.board-list-btn{position:absolute;bottom:10px;right:10px}.inventory{flex-shrink:0;max-height:26vh;overflow-y:auto;background:rgba(255,255,255,.45);padding:10px 12px;border-top:3px solid #1e1b2e}.inventory-search{width:100%;padding:8px 16px;font-size:.92rem;border:3px solid #1e1b2e;border-radius:40px;margin-bottom:10px;outline:none;background:#fff;font-weight:600}.inventory-grid{display:flex;flex-wrap:wrap;gap:6px}.inventory-chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;border:3px solid #1e1b2e;background:#fff;padding:4px 12px;font-weight:800;font-size:12px;color:#1e1b2e;box-shadow:0 2px 4px rgba(0,0,0,.04);transition:.1s;cursor:grab;touch-action:none;user-select:none}.inventory-chip:hover{transform:scale(1.05) rotate(-2deg);background:#facc15}.inventory-chip:active{transform:scale(.94)}.intro-content{width:100%;background:rgba(255,255,255,.5);border-radius:24px;padding:32px 40px;border:3px solid #1e1b2e;font-size:1.05rem;line-height:1.9}.intro-content strong{background:#facc15;padding:0 8px;border-radius:8px}.hints-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border:3px solid #1e1b2e;border-radius:24px;overflow:hidden;background:#fff}.hint-card{padding:16px 10px;text-align:center;border-right:3px solid rgba(30,27,46,.08);transition:.2s}.hint-card:last-child{border-right:none}.hint-card:hover{background:#facc15}.hint-combo{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:6px;flex-wrap:wrap}.hint-el{display:inline-flex;align-items:center;gap:3px;background:rgba(30,27,46,.06);border:2px solid #1e1b2e;border-radius:999px;padding:3px 9px;font-weight:800;font-size:.75rem}.hint-plus{font-weight:900;font-size:.95rem;opacity:.35}.hint-equals{font-weight:900;font-size:1.1rem;color:#16a34a}.hint-result{display:inline-flex;align-items:center;gap:3px;background:#fde047;border:2px solid #1e1b2e;border-radius:999px;padding:3px 10px;font-weight:900;font-size:.82rem}.hint-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.4;margin-top:3px}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post-card{background:#fff;border-radius:20px;border:3px solid #1e1b2e;overflow:hidden;transition:.2s;cursor:pointer}.post-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(0,0,0,.1)}.post-thumb{width:100%;height:160px;object-fit:cover;border-bottom:3px solid #1e1b2e;display:block;background:#d4d0e8}.post-body{padding:14px 16px 16px}.post-genre{display:inline-block;background:#facc15;border:2px solid #1e1b2e;border-radius:999px;padding:2px 10px;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.post-name{font-size:1.05rem;font-weight:900;margin-bottom:3px}.post-desc{font-size:.78rem;opacity:.6;line-height:1.4;margin-bottom:10px}.post-play{display:inline-flex;align-items:center;gap:5px;background:#1e1b2e;color:#B6B4D0;border:2px solid #facc15;border-radius:999px;padding:4px 16px;font-weight:800;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;transition:.15s}.post-card:hover .post-play{background:#facc15;color:#1e1b2e}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.tip-card{background:rgba(255,255,255,.5);border-radius:18px;padding:18px;border:3px solid #1e1b2e;transition:.15s;display:flex;gap:12px;align-items:flex-start}.tip-card:hover{background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.06)}.tip-icon{flex-shrink:0;width:44px;height:44px;background:#facc15;border:3px solid #1e1b2e;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.tip-text h3{font-size:.95rem;font-weight:800;margin-bottom:3px}.tip-text p{font-size:.82rem;opacity:.65;line-height:1.45}.guide-list{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.guide-item{display:flex;align-items:stretch;background:#fff;border-radius:16px;border:3px solid #1e1b2e;overflow:hidden;transition:.15s}.guide-item:hover{transform:translateX(4px);box-shadow:0 6px 18px rgba(0,0,0,.07)}.guide-num{flex-shrink:0;width:64px;background:#1e1b2e;color:#B6B4D0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.5rem;border-right:3px solid #facc15}.guide-body{padding:16px 20px;flex:1}.guide-body h3{font-size:1.05rem;font-weight:800;margin-bottom:4px}.guide-body p{font-size:.88rem;opacity:.65;line-height:1.5}.about-content{width:100%;background:rgba(255,255,255,.5);border-radius:24px;padding:28px 36px;border:3px solid #1e1b2e;font-size:1.02rem;line-height:1.8}.about-content .highlight-box{background:#facc15;border-radius:14px;padding:14px 18px;margin:10px 0;border:2px solid #1e1b2e;font-weight:700;font-size:.95rem}.faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.faq-item{background:rgba(255,255,255,.5);border-radius:18px;border:3px solid #1e1b2e;overflow:hidden}.faq-question{padding:14px 18px;font-weight:800;font-size:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:.15s;background:rgba(255,255,255,.25)}.faq-question:hover{background:rgba(255,255,255,.5)}.faq-question .arrow{transition:.2s;font-size:1.1rem;flex-shrink:0;margin-left:12px}.faq-question.open .arrow{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-out;padding:0 18px;font-weight:500;line-height:1.55;font-size:.92rem}.faq-answer.open{max-height:280px;padding:0 18px 14px}.site-footer{background:#1e1b2e;color:#c8c4d8;padding:44px 0 0}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding-bottom:32px}.footer-brand .footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:12px}.footer-brand .f-logo-sym{width:36px;height:36px;background:#facc15;color:#1e1b2e;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;border:2px solid #facc15;flex-shrink:0}.footer-brand .f-logo-text{font-size:1.1rem;font-weight:900;color:#fff}.footer-brand .f-desc{font-size:.85rem;line-height:1.6;opacity:.6;max-width:280px}.footer-col h4{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#facc15;margin-bottom:14px}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px}.footer-col li a{font-size:.85rem;opacity:.65;transition:.15s;cursor:pointer;display:inline-block}.footer-col li a:hover{opacity:1;color:#facc15;transform:translateX(3px)}.footer-bottom{border-top:2px solid rgba(255,255,255,.07);padding:16px 0;text-align:center;font-size:.8rem;opacity:.4;font-weight:600}@media(max-width:900px){.hints-grid{grid-template-columns:repeat(3,1fr)}.posts-grid{grid-template-columns:repeat(2,1fr)}.hints-grid .hint-card:nth-child(3){border-right:none}.hints-grid .hint-card:nth-child(4),.hints-grid .hint-card:nth-child(5),.hints-grid .hint-card:nth-child(6){border-right:3px solid rgba(30,27,46,.08)}.hints-grid .hint-card:nth-child(6){border-right:none}}@media(max-width:640px){.header-inner{height:auto;padding:10px 0;flex-direction:column;gap:6px}.nav-links{justify-content:center;font-size:.75rem;gap:3px 12px}.section{padding:32px 0}.section-title{font-size:1.35rem}.board-item{width:88px;height:34px;font-size:11px}.inventory-chip{font-size:11px;padding:3px 9px}.hints-grid{grid-template-columns:repeat(2,1fr)}.hints-grid .hint-card:nth-child(2n){border-right:none}.posts-grid{grid-template-columns:1fr;gap:14px}.tips-grid{grid-template-columns:1fr}.intro-content,.about-content{padding:20px 16px;font-size:.95rem}.guide-num{width:50px;font-size:1.2rem}.guide-body{padding:12px 14px}.guide-body h3{font-size:.95rem}.faq-question{font-size:.92rem;padding:12px 14px}.hint-el{font-size:.68rem;padding:2px 6px}.hint-result{font-size:.72rem;padding:2px 8px}.footer-top{grid-template-columns:1fr 1fr;gap:24px}.footer-brand{grid-column:1/-1}.footer-brand .f-desc{max-width:100%}.logo-text .part2{display:none}}@media(max-width:480px){.footer-top{grid-template-columns:1fr;gap:20px}.hints-grid{grid-template-columns:repeat(2,1fr)}}.site-header{background:#1e1b2e;border-bottom:3px solid #facc15;position:sticky;top:0;z-index:100;box-shadow:0 2px 16px rgba(0,0,0,.2)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:58px;gap:16px}.logo-group{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.3rem;color:#ffffff;cursor:pointer;flex-shrink:0}.logo-symbol{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:#ffffff;color:#1e1b2e;border-radius:50%;font-size:20px;font-weight:900;border:2px solid #facc15;transition:.2s}.logo-symbol:hover{transform:scale(1.08) rotate(-5deg)}.logo-text{display:flex;align-items:baseline;gap:6px}.logo-text .part1{color:#ffffff}.logo-text .part2{background:#ffffff;color:#1e1b2e;padding:2px 14px;border-radius:40px;font-size:.72rem;letter-spacing:.12em;border:2px solid #facc15}.nav-links{display:flex;flex-wrap:wrap;gap:4px 18px;font-weight:700;font-size:.85rem}.nav-links a{color:#ffffff;padding:4px 0;border-bottom:3px solid transparent;transition:.15s;cursor:pointer}.nav-links a:hover{border-bottom-color:#facc15}.nav-links a.active{border-bottom-color:#facc15}