.fanart-page{max-width:1400px;margin:auto;padding:60px 20px}.fanart-page h1{text-align:center;margin-bottom:40px;font-size:42px}.fanart-grid{column-count:4;column-gap:20px}.fanart-card{break-inside:avoid;cursor:pointer;margin-bottom:20px}.fanart-card img,.fanart-card video{border-radius:24px;width:100%;height:auto;transition:all .25s;display:block}.fanart-card:hover img,.fanart-card:hover video{transform:scale(1.02)}@media (width<=1200px){.fanart-grid{column-count:3}}@media (width<=768px){.fanart-grid{column-count:2}.fanart-page{padding:40px 15px}.fanart-page h1{margin-bottom:30px;font-size:30px}}@media (width<=480px){.fanart-grid{column-count:1}}.modal{z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:30px;display:none;position:fixed;inset:0}.modal.show{display:flex}.modal-content{background:#fff;border-radius:24px;flex-direction:column;align-items:center;width:min(100%,1000px);max-height:90vh;padding:20px;display:flex;position:relative;overflow:auto}#modalMedia{z-index:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}#modalViewer{justify-content:center;align-items:center;width:100%;display:flex}#modalViewer img,#modalViewer video{border-radius:18px;max-width:100%;max-height:70vh;display:block}.modal-info{text-align:center;margin-top:20px}#modalComment{margin-bottom:15px;font-size:16px;line-height:1.8}#modalLink{color:#fff;background:#4da3ff;border-radius:999px;padding:12px 28px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}#modalLink:hover{transform:translateY(-2px)}.close-button{color:#222;cursor:pointer;z-index:999999;background:#fffffff2;border:none;border-radius:50%;width:50px;height:50px;font-size:30px;position:fixed;top:20px;right:20px;box-shadow:0 4px 15px #00000040}.close-button:hover{transform:scale(1.08)}@media (width<=768px){.modal,.modal-content{padding:15px}.close-button{width:44px;height:44px;font-size:24px;top:12px;right:12px}}.fanart-card img,.fanart-card video{pointer-events:none}.nav-button{color:#222;cursor:pointer;z-index:999998;background:#fffffff2;border:none;border-radius:50%;width:56px;height:56px;font-size:34px;font-weight:700;transition:all .2s;position:fixed;top:50%;transform:translateY(-50%);box-shadow:0 4px 20px #00000040}.nav-button:hover{transform:translateY(-50%)scale(1.08)}.left{left:16px}.right{right:16px}@media (width<=768px){.nav-button{width:44px;height:44px;font-size:24px}.left{left:8px}.right{right:8px}}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:60px 0 20px;display:flex}.page-button,.page-number{color:#333;background:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:46px;height:46px;padding:0 18px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #00000014}.page-button:hover,.page-number:hover{transform:translateY(-2px)}.page-number.active{color:#fff;background:#6fc8ff}.back-home{color:#fff;background:linear-gradient(135deg,#47cfff,#1e88ff);border:none;border-radius:999px;justify-content:center;align-items:center;padding:12px 28px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 8px 20px #1e88ff59}.back-home:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1e88ff80}.secret-room{text-align:center;justify-content:center;align-items:flex-end;gap:12px;margin-top:60px;display:flex}.secret-sd{width:220px}.secret-mendako{width:55px}.secret-room a{align-items:flex-end;text-decoration:none;display:flex}.secret-link{cursor:default;align-items:flex-end;display:flex}.secret-link img{cursor:default}.secret-link,.secret-link img{cursor:default!important}@media (width<=768px){.secret-room{flex-wrap:nowrap;justify-content:center;gap:4px;overflow:hidden}.secret-sd{flex-shrink:0;width:120px}.secret-mendako{flex-shrink:0;width:28px}}body.fanart-page{background:linear-gradient(#fff 0%,#e8fbff 35%,#d5f6ff 70%,#fff 100%)!important}body.mendako-page{color:#fff;background:linear-gradient(#8fd8ee 0%,#4f8eb5 40%,#2d4f73 75%,#17243f 100%)!important}.secret-quiz{-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;z-index:999999;background:#0a192da6;justify-content:center;align-items:center;padding:20px;transition:opacity .25s;display:flex;position:fixed;inset:0}.secret-quiz.show{opacity:1;pointer-events:auto}.secret-quiz-box{text-align:center;background:#fffffff0;border:1px solid #fffc;border-radius:28px;width:min(500px,100%);padding:45px 35px 35px;transition:transform .25s;position:relative;transform:translateY(15px);box-shadow:0 25px 70px #14466e4d}.secret-quiz.show .secret-quiz-box{transform:translateY(0)}.secret-quiz-lock{margin-bottom:10px;font-size:2.5rem}.secret-quiz-box h2{color:#4f8fb6;margin:0 0 25px;font-family:Fredoka,Zen Maru Gothic,sans-serif;font-size:1.8rem}.secret-quiz-question{color:#526b7c;margin:0 0 25px;font-size:1rem;line-height:1.9}.secret-quiz-input{box-sizing:border-box;color:#405b6d;text-align:center;background:#f7fdff;border:1px solid #b9ddeb;border-radius:999px;outline:none;width:100%;height:52px;padding:0 18px;font-family:inherit;font-size:1rem;transition:all .2s}.secret-quiz-input:focus{border-color:#6fc8ff;box-shadow:0 0 0 4px #6fc8ff26}.secret-quiz-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#47cfff,#1e88ff);border:none;border-radius:999px;width:100%;height:52px;margin-top:14px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:0 8px 20px #1e88ff40}.secret-quiz-button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #1e88ff59}.secret-quiz-button:disabled{opacity:.6;cursor:default;transform:none}.secret-quiz-result{min-height:24px;margin:15px 0 0;font-size:.9rem;font-weight:700}.secret-quiz-result.correct{color:#3d9b72}.secret-quiz-result.wrong{color:#d97979}.secret-quiz-close{color:#5b8fb2;cursor:pointer;background:#dcf0f8cc;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;line-height:1;transition:all .2s;position:absolute;top:14px;right:14px}.secret-quiz-close:hover{background:#dff6ff;transform:rotate(90deg)}@media (width<=600px){.secret-quiz{padding:15px}.secret-quiz-box{border-radius:24px;padding:40px 22px 25px}.secret-quiz-lock{font-size:2.2rem}.secret-quiz-box h2{font-size:1.5rem}.secret-quiz-question{font-size:.9rem}}