@font-face{font-family:DM Sans;font-style:normal;font-weight:400 750;font-display:swap;src:url(/fonts/dm-sans-latin.woff2) format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/outfit-latin.woff2) format("woff2")}:root{scrollbar-gutter:stable;font-family:DM Sans,sans-serif;color:#282733;background:#faf8f5;font-synthesis:none;--ink: #282733;--muted: #85818b;--line: #e9e5e0;--coral: #ed755f;--purple: #9b7dda;--blue: #5c9ec8;--accent: #ed755f}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #7961ad;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3,.logo{font-family:Outfit,sans-serif}svg{flex-shrink:0}button svg{pointer-events:none}::selection{background:#ded0f4}a,button{transition:background .18s,transform .18s,box-shadow .18s}input,textarea{color:var(--ink)}.site-header{height:88px;border-bottom:1px solid var(--line);background:#fcfaf7}.header-inner{max-width:1180px;padding:0 30px;margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:inline-flex;align-items:center;gap:10px;font-size:29px;font-weight:750;letter-spacing:-1.2px;white-space:nowrap}.logo img{width:43px;height:43px}.logo-ani{color:#df7767}.logo-dot{color:#b19acb}.header-inner nav{display:flex;align-items:center;gap:31px;margin-left:65px;height:100%}.header-inner nav a{display:flex;align-items:center;gap:8px;color:#8b8590;font-size:14px;font-weight:650;height:100%;position:relative}.header-inner nav a.active{color:var(--ink)}.header-inner nav a.active:after{content:"";position:absolute;height:3px;border-radius:3px;background:#e68b79;bottom:0;left:0;right:0}.header-actions{display:flex;gap:16px;align-items:center}.language-picker{position:relative;z-index:20}.language-picker summary{display:flex;align-items:center;gap:7px;min-height:38px;padding:0 9px;border:1px solid var(--line);border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;list-style:none}.language-picker summary::-webkit-details-marker{display:none}.language-picker summary:hover,.language-picker[open] summary{background:#eee9e4}.language-menu{position:absolute;top:calc(100% + 10px);right:0;width:196px;padding:6px;border:1px solid var(--line);border-radius:14px;background:#fcfaf7;box-shadow:0 12px 30px #3329381a}.language-menu a{display:flex;align-items:center;gap:10px;padding:12px 10px;border-radius:8px;font-size:13px}.language-menu a:hover,.language-menu a[aria-current]{background:#efe8f5}.language-code{font-size:10px;color:#8b8590;width:22px}.language-menu a svg{margin-left:auto;color:#9170ae}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;color:#827b87}.icon-button:hover{background:#eee9e4}.streak{display:flex;gap:6px;align-items:center;background:#fff4e9;border:1px solid #f1e1cd;border-radius:12px;padding:8px 11px;font-size:14px;font-weight:700}.streak svg{color:#e99b43;fill:#f6c47f}.profile-button{display:flex;align-items:center;gap:8px;border:1px solid #e6dfee;border-radius:13px;background:#fff;padding:6px 8px 6px 6px}.profile-button>span{width:31px;height:31px;border-radius:9px;background:#e5d8f6;display:grid;place-items:center;color:#8162a9}.profile-button>svg{color:#96859d}.main-container{max-width:1180px;margin:auto;padding:0 30px 45px;min-height:calc(100vh - 175px)}.home-heading{padding:48px 0 34px;position:relative}.eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.7px;font-weight:750;color:#908695}.live-dot{width:6px;height:6px;display:inline-block;flex-shrink:0;border-radius:100%;background:#8ea995;box-shadow:0 0 0 3px #8ea99515}.edition{margin-left:2px;padding:3px 7px;border:1px solid #ded5c7;border-radius:5px;color:#a19480;font-size:9px;letter-spacing:.5px}.home-heading h1{font-size:43px;letter-spacing:-1.8px;line-height:1.13;margin-top:15px;position:relative;display:inline-block;font-weight:650}.home-heading h1 span{color:#91889b}.heading-spark{position:absolute;right:-49px;top:2px;color:#b39ace;transform:rotate(-12deg);stroke-width:1.5}.home-heading p{font-size:13px;color:#8b8490;margin-top:14px;line-height:1.7}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:14px}.section-heading h2{font-size:17px;letter-spacing:-.2px;display:flex;gap:12px;align-items:center;font-weight:600}.date-tag{font-family:DM Sans,sans-serif;font-size:10px;color:#9a919b;font-weight:400;padding-left:12px;border-left:1px solid #dcd5ce}.reset-time{font-size:10px;color:#9a929d;display:flex;gap:6px;align-items:center;white-space:nowrap}.reset-time strong{font-weight:600;color:#77707e;font-variant-numeric:tabular-nums}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.game-card{border:1px solid #e5e0da;border-radius:19px;background:#fffdfb;overflow:hidden;box-shadow:0 4px #e8e1da66;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-4px);box-shadow:0 8px #e8e1da55}.color{--accent: #e7806e;--pale: #f9e9e2}.silhouette{--accent: #9b7dda;--pale: #efe9f8}.zoom{--accent: #649fc7;--pale: #e9f2f8}.card-art{height:245px;position:relative;overflow:hidden;background:#f4c4b5;isolation:isolate}.silhouette .card-art{background:#d5c8ee}.zoom .card-art{background:#c4e1ed}.card-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#ffffff65 .8px,transparent .8px);background-size:8px 8px;-webkit-mask-image:linear-gradient(120deg,#000,transparent);mask-image:linear-gradient(120deg,#000,transparent);z-index:-1}.card-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#eb967950,transparent 65%);z-index:-1}.silhouette .card-art:after{background:linear-gradient(0deg,#a994d955,transparent)}.zoom .card-art:after{background:linear-gradient(0deg,#80b5d955,transparent)}.card-index{position:absolute;z-index:2;left:17px;top:17px;font-family:Outfit;font-size:11px;letter-spacing:1px;background:#ffffff65;border:1px solid #ffffff80;padding:5px 8px;border-radius:7px;color:#865f58}.silhouette .card-index{color:#796295}.zoom .card-index{color:#507f98}.hero-character{position:absolute;width:85%;height:auto;left:7.5%;top:11px;max-width:none;filter:drop-shadow(0 6px 2px #00000010);transition:transform .35s}.game-card:hover .hero-character{transform:scale(1.04)}.color .hero-character{width:91%;left:5%;top:7px}.silhouette .hero-character{width:84%;left:9%;top:16px;filter:brightness(0) opacity(.86)}.zoom .hero-character{width:117%;left:-3%;top:-24px;transform:rotate(-6deg)}.zoom.game-card:hover .hero-character{transform:rotate(-6deg) scale(1.04)}.is-silhouette{filter:brightness(0)}.question-mark{position:absolute;left:47%;top:87px;font:750 65px Outfit;color:#fff;transform:rotate(7deg);text-shadow:0 4px #ffffff25}.art-orbit{position:absolute;border:1px solid #ffffff80;border-radius:50%;z-index:-1}.orbit-one{width:270px;height:270px;left:10%;top:20px}.orbit-two{width:220px;height:220px;left:17%;top:45px}.art-spark{position:absolute;right:29px;top:58px;color:#fff9;transform:rotate(12deg)}.color-swatches{position:absolute;left:20px;bottom:46px;display:flex;align-items:center;gap:5px;padding:7px;background:#fffdf1;border:1px solid #eed4c2;border-radius:25px;box-shadow:0 3px #9c71551a;transform:rotate(-7deg)}.color-swatches i{width:25px;height:25px;border-radius:50%;background:#3d8470;box-shadow:inset 0 0 0 1px #00000012}.color-swatches i:nth-child(2){background:#d4d1d8}.color-swatches i:nth-child(3){background:#efb445}.color-swatches svg{color:#b8977e;margin:0 4px}.art-bottom-label{position:absolute;bottom:0;left:0;right:0;height:31px;display:flex;align-items:center;justify-content:center;gap:7px;letter-spacing:1.6px;font-size:8px;font-weight:700;color:#765a53;background:#f8d9cce8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid #ffffff50}.silhouette .art-bottom-label{color:#76618e;background:#e7ddf5e8}.zoom .art-bottom-label{color:#55788e;background:#d4e9f4e8}.zoom-frame{width:100px;height:100px;position:absolute;border:2px solid #ffffffa0;top:61px;left:44%;border-radius:16px;box-shadow:0 0 0 90px #b9dce024}.zoom-frame svg{position:absolute;right:-10px;bottom:-10px;background:#fff;color:#6289a0;padding:7px;width:34px;height:34px;border-radius:50%;box-shadow:0 2px 4px #0001}.completed-badge{position:absolute;bottom:46px;left:50%;transform:translate(-50%);white-space:nowrap;background:#f1fbef;color:#63875a;border:1px solid #b6d6a9;border-radius:25px;padding:7px 11px;font-size:10px;display:flex;align-items:center;gap:5px;font-weight:650;box-shadow:0 3px 6px #0001}.card-content{padding:20px 20px 12px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-title h3{font-size:25px;letter-spacing:-.8px;font-weight:650}.round-tag{font-size:9px;color:#98909b;border:1px solid #eee7e1;background:#faf8f5;border-radius:5px;padding:4px 6px;white-space:nowrap}.card-content>p{font-size:11px;color:#8f8792;margin-top:6px;margin-bottom:19px;line-height:1.6}.button{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:44px;border-radius:10px;padding:11px 17px;font-size:12px;font-weight:700;line-height:1.4;border:1px solid transparent;position:relative}.button:hover:not(:disabled){transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(1px)}.button.primary{background:var(--accent);border-color:#00000010;box-shadow:0 3px #00000012;color:#fff}.button.primary:hover{filter:brightness(.97)}.button.secondary{background:#fffdfb;border-color:#e2dbd3;box-shadow:0 2px #eae2d755}.card-play{width:100%;background:#fbdfd6;border:1px solid #edbba9;color:#865247;justify-content:space-between;box-shadow:0 3px #edbba940}.silhouette .card-play{background:#eee6fa;border-color:#d9c9ed;color:#735291;box-shadow:0 3px #d9c9ed40}.zoom .card-play{background:#e1eef6;border-color:#bcd7e8;color:#527f9b;box-shadow:0 3px #bcd7e840}.practice-link{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:15px;padding:5px 0;color:#8b818d;font-size:10px}.practice-link:hover{color:#55495f}.practice-link span{font-size:8px;color:#b5adb5;margin-left:auto}.daily-summary{margin-top:27px;display:flex;align-items:center;padding:24px 25px;border:1px solid var(--line);border-radius:15px;background:#fffdfb;gap:25px;box-shadow:0 3px #ece5dd35}.summary-progress{display:flex;gap:15px;align-items:center;flex:1.3}.progress-ring{width:54px;height:54px;background:conic-gradient(#ac8bd4 var(--progress),#eee9e4 0);border-radius:100%;display:grid;place-items:center;position:relative}.progress-ring:after{position:absolute;content:"";top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:#fffdfb}.progress-ring>span{font-family:Outfit;font-size:21px;position:relative;z-index:1;font-weight:600}.progress-ring small{font-size:13px;color:#a39aa7;margin-left:2px}.summary-progress h3{font-size:14px;font-weight:600}.summary-progress p{font-size:10px;color:#a098a3;margin-top:6px}.summary-score{display:flex;gap:12px;align-items:center;border-left:1px solid var(--line);padding-left:27px;flex:.65}.star-icon{fill:#f9cf78;stroke:#e9b557}.summary-score strong{font-family:Outfit;font-size:27px;letter-spacing:-.5px;font-weight:600;display:block}.summary-score span{font-size:9px;color:#a198a3}.summary-ranking{border-left:1px solid var(--line);padding-left:25px;display:flex;align-items:center;gap:11px;text-align:left;flex:1.1}.summary-ranking>svg{color:#9b87b7}.summary-ranking>svg:last-child{margin-left:auto;width:14px;color:#b4a9bc}.summary-ranking strong{font-size:11px;font-weight:600;display:block}.summary-ranking span{font-size:9px;color:#a69ba8;display:block;margin-top:6px;line-height:1.5}.friend-banner{margin-top:23px;display:flex;align-items:center;gap:17px;padding:22px 24px;border:1px solid #e6deef;background:#f3eef8;border-radius:14px}.friend-icons{position:relative;background:#e8def3;border:1px solid #ddd0eb;border-radius:12px;width:48px;height:48px;display:grid;place-items:center;color:#9c82bb}.friend-icons span{position:absolute;right:-5px;bottom:-4px;font-size:8px;font-weight:700;background:#fff7e6;border:1px solid #e8ddc2;border-radius:4px;transform:rotate(-10deg);padding:3px;color:#b19861}.friend-banner h3{font-size:15px;letter-spacing:-.2px;font-weight:600}.friend-banner p{font-size:10px;color:#a195ae;margin-top:5px}.friend-banner .button{margin-left:auto;font-size:10px;min-height:38px;background:#faf8fd;border-color:#d9cde6;color:#8c70aa;box-shadow:0 2px #d9cde644;padding:9px 13px}.privacy-page{max-width:760px;margin:0 auto;padding:40px 0 56px;line-height:1.75;overflow-wrap:anywhere}.privacy-page h1{font-size:clamp(30px,5vw,44px)}.privacy-page h2{font-size:20px;margin:28px 0 8px}.privacy-page p{margin:8px 0 16px}.privacy-page address{font-style:normal}.privacy-page a{text-decoration:underline;text-underline-offset:3px}.site-footer{max-width:1120px;border-top:1px solid var(--line);margin:0 auto;padding:21px 0 28px;display:flex;align-items:center;gap:23px;color:#aaa0ab;font-size:9px}.logo.small{font-size:17px;gap:5px;letter-spacing:-.6px;color:#716575}.logo.small img{width:25px;height:25px}.site-footer>.text-button{margin-left:auto;color:#9b8ca4;font-size:9px;gap:6px}.footer-links{display:flex;gap:14px}.footer-links a,.footer-links button{color:#9b8ca4;text-decoration:underline;text-underline-offset:2px}.footer-links button{padding:0;font-size:inherit}.footer-links a:hover,.footer-links button:hover{color:var(--ink)}.preview-label{font-size:7px;letter-spacing:1px;border:1px solid #e3dcd5;color:#b1a59c;border-radius:4px;padding:4px 6px}.text-button{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#8d8196;padding:7px 0}.text-button:hover{color:#5e4a76}.loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:300px;color:#9d88b0;font-size:13px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-notice{margin:20px 0;padding:18px 20px;background:#fff0e9;border:1px solid #edcaba;color:#9c685b;border-radius:12px;font-size:13px;line-height:1.6}.error-notice .button{margin-top:10px}.busy-indicator{position:fixed;bottom:23px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e0d7e8;box-shadow:0 5px 20px #4e365915;padding:12px 18px;border-radius:30px;font-size:12px;color:#9479a6;z-index:8}.toast{position:fixed;inset:auto auto 28px 50%;margin:0;overflow:visible;transform:translate(-50%);background:#322f39;color:#fff;border:1px solid #544d61;border-radius:13px;padding:14px 15px 14px 20px;font-size:12px;display:flex;gap:15px;align-items:center;z-index:20;box-shadow:0 6px 28px #0002;max-width:90vw}.toast .icon-button{color:#d6cbe0}.board-page,.challenge-page,.results-page{padding:48px 0 10px}.board-page h1,.challenge-page h1,.results-page h1{font-size:36px;font-weight:600;letter-spacing:-1.2px;line-height:1.2;margin-top:15px}.page-intro{margin-top:12px;font-size:13px;color:#9a8f9f;line-height:1.7}.board-tabs{display:flex;gap:7px;margin:26px 0 20px;padding:5px;background:#efeae4;border:1px solid #e6dfd7;border-radius:12px;width:fit-content}.board-tabs button{font-size:11px;border-radius:8px;padding:10px 17px;color:#968a9d;font-weight:600}.board-tabs button.active{background:#fffdfb;box-shadow:0 2px 4px #00000008;color:#806398}.leaderboard-panel{border:1px solid var(--line);border-radius:16px;background:#fffdfb;overflow:hidden;margin-top:22px}.board-caption{display:flex;align-items:center;justify-content:space-between;padding:15px 23px;font-size:10px;color:#a498aa;border-bottom:1px solid var(--line)}.board-caption>span{display:flex;align-items:center;gap:8px}.leaderboard-panel table{width:100%;border-collapse:collapse;font-size:12px}.leaderboard-panel th{text-align:left;font-weight:500;font-size:9px;color:#a799ae;padding:13px 25px;border-bottom:1px solid #ede7e1}.leaderboard-panel td{padding:16px 25px;border-bottom:1px solid #f0eae5}.leaderboard-panel th:first-child{width:105px}.leaderboard-panel td:last-child,.leaderboard-panel th:last-child{text-align:right}.leaderboard-panel td:last-child{font-family:Outfit;font-weight:600;font-size:17px}.rank-number{display:inline-flex;width:27px;justify-content:center;color:#a59baa}.rank-1{color:#cba25c}.rank-2{color:#9f8eaa}.rank-3{color:#ba9481}.player-avatar{width:26px;height:26px;border:1px solid #e3d8ed;background:#f0e7f7;border-radius:8px;color:#ab90c1;display:inline-grid;place-items:center;font-size:11px;font-weight:700;margin-right:12px}.leaderboard-panel td:nth-child(2){white-space:nowrap}.leaderboard-panel td:last-child{white-space:normal}.player-name{vertical-align:middle}.your-row{background:#f5effb}.you-tag{background:#e5d8f1;border-radius:4px;font-size:8px;margin-left:9px;color:#9e82b5;padding:3px 5px}.board-footnote{padding:14px 25px;background:#f6f0fb;font-size:11px;color:#8c73a3}.board-rule{padding:17px 25px;font-size:10px;color:#aaa0ae;line-height:1.7}.empty-board{padding:45px 20px;text-align:center;color:#b3a2c0}.empty-board>svg{padding:10px;background:#f3eaf9;border-radius:14px;width:60px;height:60px;margin-bottom:16px}.empty-board h2{font-size:24px;color:#776383;font-weight:500}.empty-board p{margin:12px auto 20px;max-width:380px;font-size:12px;line-height:1.8;color:#a396ac}.empty-board .button{--accent: #ab8bc5}.play-page{padding:30px 0 10px;max-width:980px;margin:auto}.play-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.mode-tag{padding:6px 10px;background:#fffdfb;border:1px solid #e4ddd5;border-radius:7px;font-size:9px;letter-spacing:.3px;color:#a091a5}.play-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.play-heading .eyebrow{color:var(--accent);font-size:11px;letter-spacing:1px}.play-heading h1,.play-heading .heading-hold{font-size:31px;letter-spacing:-1px;margin-top:10px;font-weight:600;line-height:1.15}.play-heading .heading-hold{display:block;margin-bottom:0}.in-game-score{display:flex;gap:8px;align-items:center}.in-game-score svg.lucide-check{fill:none;color:var(--accent)}.in-game-score svg{fill:#f8d493;color:#d8b46c}.in-game-score strong{font:600 25px Outfit}.in-game-score>span{font-size:10px;color:#9e92a4}.round-progress{display:flex;align-items:center;gap:15px;margin:23px 0 18px;font-size:10px;color:#a395ac}.round-progress>div{display:flex;gap:6px;flex:1}.round-progress i{height:5px;background:#e9e2db;border-radius:3px;flex:1}.round-progress i.current{background:var(--accent);opacity:.4}.round-progress i.complete{background:var(--accent)}.game-stage,.reveal-panel{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e4ded8;border-radius:20px;overflow:hidden;background:#fffdfb;box-shadow:0 4px #e6dfd644;min-height:465px}.question-art{background:var(--pale);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:400px;isolation:isolate}.question-art:after{content:"";position:absolute;width:320px;height:320px;border:1px solid #fff9;border-radius:100%;z-index:-1}.vector-art{position:relative}.vector-art img{width:100%;height:100%;display:block;object-fit:contain}.colour-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-size:contain;background-position:center;background-repeat:no-repeat;background-blend-mode:hard-light;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none}.question-art>.vector-art{width:285px;max-width:90%;height:338px;position:relative}.question-art>.zoom-crop{width:338px}.stage-question{position:absolute;top:40%;font:700 75px Outfit;color:#fff}.stage-decoration{position:absolute;right:25px;top:24px;color:#fff}.stage-caption{position:absolute;bottom:19px;left:50%;transform:translate(-50%);border:1px solid #fff8;padding:7px 11px;border-radius:25px;font-size:9px;background:#fffdfb;color:#6d5c73;white-space:nowrap;display:flex;gap:7px;align-items:center}.answer-panel{padding:31px 33px}.anime-tag{display:inline-flex;align-items:center;padding:4px 7px;background:var(--pale);border-radius:5px;color:var(--accent);font-size:9px}.answer-panel h2{font-size:24px;letter-spacing:-.7px;font-weight:600;margin-top:11px}.answer-panel>p{font-size:11px;line-height:1.8;color:#9a8e9e;margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.submit-answer{width:100%;margin-top:5px}.answer-options{display:grid;gap:10px;margin:25px 0 20px}.answer-option{min-height:51px;border:1px solid #e9e1db;border-radius:10px;padding:10px 13px;display:flex;align-items:center;gap:12px;font-size:11px;text-align:left;background:#fffdfb}.answer-option>span{width:25px;height:25px;background:#f5f0eb;border:1px solid #eae1d7;border-radius:6px;display:grid;place-items:center;font-size:9px;color:#ae9bad}.answer-option>svg{margin-left:auto;color:var(--accent)}.answer-option.selected{background:var(--pale);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.answer-option:hover{background:var(--pale)}.hint-button{font-size:10px;margin-bottom:14px;width:100%;justify-content:center;color:var(--accent)}.game-rule{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#aa9caf;margin-top:22px;line-height:1.7}.reveal-artworks{display:flex;background:var(--pale);align-items:center;justify-content:center;gap:10px;padding:30px 15px}.reveal-artworks>div{min-width:0;flex:1;text-align:center;max-width:275px}.reveal-artworks .vector-art{height:270px;width:100%}.reveal-artworks>div>span{font-size:10px;color:#9f8caa;margin-top:20px;display:flex;justify-content:center;align-items:center;gap:7px}.reveal-artworks i{width:14px;height:14px;border-radius:4px;border:1px solid #0001}.reveal-info{padding:45px 34px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.reveal-info h2{font-size:27px;letter-spacing:-.7px;margin-top:13px;font-weight:600}.round-score{font:600 49px Outfit;color:var(--accent);margin-top:17px;letter-spacing:-1px}.round-score span{font-size:14px;letter-spacing:0;color:#ac98b7}.round-verdict{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;font:600 34px Outfit;letter-spacing:-.5px;margin-top:17px}.round-verdict.right{color:#2f7d4f}.round-verdict.wrong{color:var(--accent)}.round-verdict span{flex-basis:100%;font:500 14px DM Sans,sans-serif;letter-spacing:0;color:#655869}.reveal-panel .round-verdict{animation:score-land .3s .55s ease-out both}.reveal-info>p{font-size:11px;color:#a18fa9;line-height:1.8;margin:15px 0 25px}.reveal-info .button{width:100%}.results-page{max-width:820px;margin:auto}.results-page>.eyebrow{justify-content:center;color:var(--accent)}.results-page>h1,.results-page>.page-intro{text-align:center}.result-card{margin-top:28px;border:1px solid #e7ddd4;background:#fffdfb;border-radius:20px;padding:32px 35px;text-align:center;box-shadow:0 5px #e6dfd64d}.result-trophy{width:60px;height:60px;background:#fdf0d9;border:1px solid #f0dfc1;display:grid;place-items:center;border-radius:18px;color:#d3aa63;margin:auto}.result-score{display:block;margin-top:14px;font:600 65px Outfit;letter-spacing:-2px}.result-score small{font-size:23px;color:#c1b4c8;letter-spacing:-.5px;margin-left:10px;font-weight:400}.result-card>p{font-size:12px;color:#ab9ab4;margin-top:5px}.score-meter{height:7px;background:#efe8e2;border-radius:20px;max-width:340px;overflow:hidden;margin:22px auto}.score-meter span{display:block;height:100%;background:var(--accent);border-radius:20px}.result-rank{font-size:11px;color:#9c83af;display:flex;justify-content:center;gap:8px;align-items:center;margin:18px 0;flex-wrap:wrap}.result-rank strong{font-size:10px;background:var(--pale);color:var(--accent);padding:5px 7px;border-radius:5px;margin-left:5px}.result-actions{display:flex;justify-content:center;gap:10px;margin-top:23px}.round-recap{margin-top:28px}.round-recap h2{font-size:17px;font-weight:500;color:#7f708c;margin-bottom:13px}.recap-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:11px 7px}.recap-number{font-family:Outfit;font-size:12px;color:#beaec9}.recap-row .vector-art{width:46px;height:52px;background:var(--pale);border:1px solid #e6dcec;border-radius:8px;overflow:hidden}.recap-row>div:not(.vector-art){display:flex;flex-direction:column;gap:4px}.recap-row strong{font-size:12px;font-weight:600}.recap-row span:not(.recap-number){font-size:9px;color:#a994b5}.recap-row>strong{margin-left:auto;font-family:Outfit;font-size:17px;font-weight:500;color:#b09bbc}.recap-row>strong.good-score{color:#79a487}.bottom-actions{display:flex;justify-content:space-between;margin-top:20px}.challenge-page h1>span{color:#a18aaf}.challenge-preview{margin-top:26px;padding:28px 35px;border:1px solid var(--line);border-radius:18px;background:#fffdfb;display:flex;gap:35px;align-items:center}.challenge-preview>.vector-art{height:220px;width:190px;background:var(--pale);border-radius:18px;overflow:hidden;flex-shrink:0}.challenge-preview h2{font-size:28px;font-weight:600}.challenge-preview p{font-size:12px;line-height:1.8;color:#a58cb3;margin:12px 0 22px}.challenge-preview p.beat-score{display:grid;gap:2px;margin:0 0 18px;padding:12px 16px;border-radius:14px;background:var(--pale);color:var(--ink);line-height:1.4}.beat-score span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.beat-score strong{font-size:20px}.duel-scores{display:flex;flex-wrap:wrap;gap:10px}.duel-scores .beat-score{flex:1 1 180px}.challenge-preview p.beat-score.mine{background:#fffdfb;border:1px solid var(--line)}.duel-outcome{margin:0 0 18px;font-size:18px;font-weight:700;color:var(--ink)}.challenge-preview p.duel-outcome{font-size:18px;color:var(--ink);margin:0 0 18px}.result-card .duel-outcome{margin:10px 0 0}.challenge-actions{display:flex;flex-wrap:wrap;gap:10px}.beat-score.pending{background:transparent;border:1px dashed var(--line);font-size:13px}.challenge-page .board-page h1,.results-page .board-page h1{font-size:25px}dialog{border:1px solid #e4d9e9;border-radius:20px;padding:0;background:#fffdfb;width:470px;max-width:calc(100vw - 30px);max-height:90dvh;color:var(--ink);box-shadow:0 25px 80px #34283e30}dialog::backdrop{background:#3a30435c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{padding:26px}.modal-heading{display:flex;gap:15px;align-items:center;justify-content:space-between}.modal-heading h2{font-size:23px;font-weight:600;letter-spacing:-.5px}.modal-intro{font-size:12px;line-height:1.9;color:#a18cae;margin:17px 0 20px}.modal-content .button.primary{--accent: #a081bd;width:100%;margin-top:12px}.profile-intro{display:flex;align-items:center;gap:14px;margin:23px 0}.profile-intro p{font-size:12px;line-height:1.8;color:#a18dac}.profile-avatar{width:58px;height:58px;border-radius:17px;background:#efe5f9;border:1px solid #e5d6f0;display:grid;place-items:center;color:#ab8ec3}.field-label{font-size:11px;color:#9f87ae;display:flex;flex-direction:column;gap:8px;margin-top:18px}input:not([type=range]),textarea{width:100%;border:1px solid #e5d9ed;border-radius:9px;padding:12px;background:#fbf8fd;font-size:12px}textarea{margin-top:15px;min-height:100px}.feedback-form textarea{margin-top:0;resize:vertical;min-height:120px;max-height:40dvh;font-size:14px}.feedback-form input:not([type=range]){font-size:14px}@media(max-width:600px){.feedback-form textarea,.feedback-form input:not([type=range]){font-size:16px}}.feedback-form .small-note{font-size:11px}.feedback-form .feedback-count{margin:6px 0 0;text-align:right}.feedback-form .field-label:last-of-type{margin-top:4px}.feedback-error{font-size:12px;color:#b3392a;background:#fdeeea;border:1px solid #f3cfc7;border-radius:9px;padding:10px 12px}.feedback-thanks{display:grid;justify-items:center;gap:14px;text-align:center;padding:22px 0 4px;font-size:13px;line-height:1.7;color:#6f6279}.feedback-check{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#efe5f9;color:#7961ad}.small-note{font-size:10px;line-height:1.8;color:#b09cba;margin:15px 0}.help-games{display:grid;gap:20px;margin:24px 0}.help-games>div{display:flex;gap:13px;align-items:flex-start}.help-icon{width:39px;height:39px;border:1px solid #00000008;background:var(--pale);color:var(--accent);display:grid;place-items:center;border-radius:10px;flex-shrink:0}.help-games h3{font-size:17px;font-weight:500}.help-games p{font-size:10px;color:#ac95b8;line-height:1.8;margin-top:5px}.help-note{display:flex;gap:12px;border:1px solid #e5d8ef;background:#f5eefb;border-radius:12px;padding:14px;color:#b095c2}.help-note p{font-size:10px;line-height:1.8}.invite-games{display:flex;gap:8px;margin:19px 0}.invite-choice{font-size:11px;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 10px;border:1px solid #e6dbee;border-radius:8px;flex:1}.invite-choice.selected{background:#f0e5f9;border-color:#b496cd;color:#8c68aa}.invite-open{display:flex;justify-content:center;width:100%;margin-top:10px}@media(min-width:1440px){.header-inner,.main-container{max-width:1230px}.site-footer{max-width:1170px}.card-art{height:265px}.card-content{padding:23px 23px 16px}.home-heading{padding-top:55px}}@media(max-width:950px){.header-inner nav{margin-left:0}.game-grid{gap:15px}.card-art{height:210px}.card-content{padding:16px 14px 10px}.card-title h3{font-size:22px}.round-tag{font-size:8px}.practice-link span{display:none}.card-content>p{font-size:10px}.daily-summary{gap:15px;padding:20px}.summary-score{padding-left:15px;flex:.6}.summary-ranking{padding-left:15px}.summary-progress p{font-size:9px}.site-footer{margin:0 30px;gap:15px}.site-footer>span:not(.preview-label){font-size:8px}.answer-panel{padding:26px}.play-heading h1,.play-heading .heading-hold{font-size:27px}}@media(max-width:700px){.site-header{height:100px}.header-inner{padding:0 20px;flex-wrap:wrap;gap:0 12px}.header-inner .logo{font-size:24px;gap:6px;letter-spacing:-1px}.header-inner .logo img{width:35px;height:35px}.header-inner nav{order:3;width:100%;height:35px;justify-content:center;margin-left:0;gap:28px}.header-inner nav a{font-size:12px}.header-inner nav svg{display:none}.header-actions{gap:9px}.language-picker summary{gap:5px;padding:0 7px}.help-button{display:none}.streak{padding:6px 8px;font-size:11px;gap:3px;border-radius:9px}.streak svg{width:16px}.profile-button{padding:4px;border-radius:10px;gap:0}.profile-button>span{width:28px;height:28px;border-radius:7px}.profile-button>svg{display:none}.main-container{padding:0 20px 28px}.home-heading{padding:33px 0 26px}.home-heading h1{font-size:35px;letter-spacing:-1.5px}.home-heading .eyebrow{font-size:8px;letter-spacing:1.1px}.heading-spark{right:0;width:23px}.home-heading p{font-size:11px;max-width:340px;margin-top:12px}.section-heading{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:17px}.section-heading h2{font-size:16px;gap:10px}.date-tag,.reset-time{font-size:9px}.game-grid{grid-template-columns:1fr;gap:20px}.game-card{border-radius:17px}.card-art{height:255px}.color .hero-character{width:73%;left:13%;top:0}.silhouette .hero-character{width:69%;left:16%;top:10px}.zoom .hero-character{width:98%;left:3%;top:-45px}.orbit-one{left:17%;top:4px}.orbit-two{left:23%;top:31px}.question-mark{top:77px;font-size:75px}.card-content{padding:20px 21px 12px}.card-title h3{font-size:27px}.round-tag{font-size:9px}.card-content>p{font-size:11px;margin-top:6px;margin-bottom:16px}.card-play{min-height:46px;font-size:12px}.practice-link{font-size:10px;margin-top:13px}.practice-link span{display:inline;font-size:8px;margin-left:auto}.daily-summary{flex-wrap:wrap;padding:20px;gap:18px;margin-top:23px}.summary-progress{flex-basis:calc(100% - 95px);flex-grow:1;gap:12px}.summary-progress h3{font-size:13px}.summary-progress p{font-size:9px;max-width:155px;line-height:1.6}.progress-ring{width:47px;height:47px;flex-shrink:0}.summary-score{flex:0 0 74px;gap:7px;padding-left:12px}.summary-score svg{width:18px}.summary-score strong{font-size:24px}.summary-score span{font-size:8px}.summary-ranking{border-left:0;border-top:1px solid var(--line);padding:16px 0 0;flex-basis:100%}.summary-ranking strong{font-size:11px}.summary-ranking span{font-size:9px}.friend-banner{padding:19px;gap:12px;flex-wrap:wrap}.friend-icons{width:39px;height:39px;flex-shrink:0}.friend-banner>div:nth-child(2){flex:1}.friend-banner h3{font-size:14px}.friend-banner p{font-size:10px;line-height:1.7}.friend-banner .button{margin:3px 0 0;width:100%;font-size:11px;min-height:40px}.site-footer{flex-wrap:wrap;margin:0 20px;padding:20px 0 24px;gap:12px}.site-footer .logo{font-size:16px}.site-footer>span:not(.preview-label){order:3;flex-basis:100%;font-size:8px}.site-footer .text-button,.footer-links{font-size:8px}.footer-links{order:4;flex-basis:100%}.preview-label{font-size:6px;padding:4px}.board-page,.challenge-page,.results-page{padding-top:33px}.board-page h1,.challenge-page h1,.results-page h1{font-size:29px;letter-spacing:-1px}.page-intro{font-size:11px}.board-tabs{width:100%;gap:2px;padding:4px;overflow-x:auto}.board-tabs button{padding:9px 8px;font-size:9px;white-space:nowrap;flex:1}.leaderboard-panel th,.leaderboard-panel td{padding:13px 14px}.leaderboard-panel th:first-child{width:65px}.leaderboard-panel td{font-size:10px}.leaderboard-panel td:last-child{font-size:15px}.player-avatar{margin-right:8px;width:22px;height:22px;font-size:9px}.board-caption,.board-rule{padding:15px}.board-caption{font-size:9px}.play-page{padding-top:20px}.play-topline{margin-bottom:22px}.play-topline .text-button{font-size:10px}.play-heading h1,.play-heading .heading-hold{font-size:25px;line-height:1.2}.play-heading{gap:12px;align-items:flex-start}.play-heading .eyebrow{font-size:10px}.in-game-score{gap:5px;flex-wrap:wrap;justify-content:flex-end;min-width:70px}.in-game-score strong{font-size:22px}.in-game-score>span{font-size:9px}.round-progress{margin-top:20px;gap:9px;font-size:8px}.round-progress>div{gap:4px}.game-stage,.reveal-panel{grid-template-columns:1fr}.question-art{min-height:270px;max-height:270px}.question-art>.vector-art{width:215px;height:255px}.question-art:after{width:230px;height:230px}.stage-question{font-size:60px;top:35%}.stage-caption{font-size:8px;bottom:12px;padding:6px 9px}.answer-panel{padding:24px}.answer-panel h2{font-size:23px}.answer-panel>p{font-size:11px}.answer-options{margin:20px 0}.answer-option{min-height:48px;font-size:11px}.game-rule{font-size:9px;align-items:flex-start;text-align:center;padding:0 5px}.reveal-artworks{padding:23px 10px;min-height:260px}.reveal-artworks .vector-art{height:220px}.reveal-artworks>div>span{margin-top:13px;font-size:9px}.reveal-info{padding:26px}.reveal-info h2{font-size:25px}.round-score{font-size:45px;margin-top:10px}.results-page>h1{font-size:27px}.result-card{padding:27px 20px}.result-score{font-size:58px}.result-score small{font-size:20px}.result-actions{flex-direction:column;gap:10px}.result-rank{font-size:10px}.round-recap h2{font-size:16px}.recap-row{gap:10px}.recap-row strong{font-size:11px}.recap-row>strong{font-size:16px}.challenge-preview{flex-direction:column;padding:24px;gap:20px}.challenge-preview>.vector-art{width:160px;height:185px}.challenge-preview>div:last-child{width:100%}.challenge-preview .button{width:100%}.challenge-page .board-page h1{font-size:24px}.modal-content{padding:23px}.modal-heading h2{font-size:21px}.invite-choice{font-size:10px;padding:11px 6px}.toast{width:calc(100% - 40px);font-size:11px}.loading{font-size:11px}}@media(max-width:380px){.header-inner{padding:0 15px}.header-inner .logo{font-size:21px}.header-inner .logo img{width:30px}.header-inner nav{gap:12px}.header-actions{gap:6px}.main-container{padding-left:15px;padding-right:15px}.home-heading h1{font-size:31px}.heading-spark{right:0;width:20px}.header-inner nav a{font-size:10px}.streak{padding:5px 6px}}.play-page.color,.results-page.color{--accent: #b64b38}.play-page.silhouette,.results-page.silhouette{--accent: #7150ad}.play-page.zoom,.results-page.zoom{--accent: #327398}.play-page .text-button,.play-page .mode-tag,.round-progress,.play-page .in-game-score>span,.game-rule,.results-page .page-intro,.result-card>p,.result-rank,.bottom-actions .text-button{color:#655869}.answer-panel>p,.reveal-info>p{color:#655869;font-size:13px}.play-page .anime-tag{font-size:11px}.play-page .button.primary,.results-page .button.primary{min-height:48px}.play-page .answer-option{font-size:14px;min-height:52px}.play-page .hint-button{min-height:44px;font-size:12px;border:1px dashed var(--accent);border-radius:10px}.play-topline{gap:12px}.sound-toggle{margin-left:auto;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:#655869}.sound-toggle[aria-pressed=true]{color:var(--accent);background:var(--pale)}.answer-locked .question-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(transparent 45%,#fff9 50%,transparent 55%);animation:scan-answer 1.2s ease-in-out infinite;pointer-events:none}@keyframes scan-answer{0%{transform:translateY(-70%)}to{transform:translateY(70%)}}.color-preview-frame{position:absolute;top:8px;right:8px;bottom:8px;left:8px;overflow:hidden}.focus-scene{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0;transition:transform .3s ease}.focus-scene>.vector-art{width:100%;height:100%}.art-view-toggle{min-height:44px;padding:8px 12px;border:1px solid #d6b9ae;border-radius:20px;font-size:11px;font-weight:600;background:#fffaf5;color:#814a3d}.reveal-artworks.comparison{display:block;padding:24px;background:radial-gradient(ellipse at center,#fffaf3,#f8e4da)}.comparison header{font:600 11px DM Sans;letter-spacing:1px;text-align:center;color:#814a3d}.comparison .compare-images{position:relative;height:330px;max-width:none;margin:16px 0;overflow:hidden;border-radius:16px;touch-action:none;cursor:ew-resize;-webkit-user-select:none;user-select:none}.comparison-guess{position:absolute;top:0;right:0;bottom:0;left:0}.comparison .vector-art{height:100%;width:100%}.compare-images:not(.overview) .focus-scene{transform:var(--focus-transform)}.comparison-guess{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-divider{position:absolute;top:0;bottom:0;left:var(--split);border-left:2px solid #fff;filter:drop-shadow(0 1px 2px #523a3350);pointer-events:none}.compare-divider>span{position:absolute;top:48%;left:-17px;width:32px;height:32px;border-radius:50%;background:#fff;color:#814a3d;display:grid;place-items:center}.auto-reveal .comparison-guess{animation:colour-wipe .85s .12s cubic-bezier(.2,.8,.2,1) both}.auto-reveal .compare-divider{animation:divider-wipe .85s .12s cubic-bezier(.2,.8,.2,1) both}@keyframes colour-wipe{0%{clip-path:inset(0 0 0 0)}}@keyframes divider-wipe{0%{left:100%}}.comparison .compare-labels{display:flex;gap:8px;max-width:none}.comparison .compare-labels>span{flex:1;display:grid;grid-template-columns:16px 1fr;text-align:left;margin-top:0;gap:4px 6px;align-items:center;font-size:11px;color:#655044}.compare-labels code{grid-column:2;font:600 12px Outfit;color:var(--ink)}.comparison-control{display:block;text-align:center;font-size:11px;color:#655044;margin-top:15px}.comparison-control input{display:block}.comparison:has(.comparison-control:focus-within) .compare-images{outline:3px solid #7961ad;outline-offset:3px}.compare-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;max-width:none;font-size:11px;color:#655044}.reveal-artworks.recognition{display:block;padding:20px;text-align:center}.recognition .recognition-frame{position:relative;height:330px;max-width:none;overflow:hidden}.recognition-frame .vector-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.recognition>span{display:block;color:#655869;font-size:11px;margin-top:12px}.silhouette-fill{animation:silhouette-fill .85s .12s cubic-bezier(.2,.8,.2,1) both}@keyframes silhouette-fill{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}.zoom-unfold{transform-origin:0 0;animation:zoom-unfold .85s .12s cubic-bezier(.2,.8,.2,1) both}@keyframes zoom-unfold{0%{transform:var(--focus-transform)}to{transform:translate(0) scale(1)}}.reveal-info>.round-roast{font:600 21px/1.35 Outfit;letter-spacing:-.3px;color:var(--ink);margin:15px 0 20px}.reveal-panel .round-score,.reveal-panel .round-roast{animation:score-land .3s .55s ease-out both}@keyframes score-land{0%{opacity:0;transform:translateY(8px)}}.color-breakdown{width:100%;margin-bottom:22px;text-align:left}.color-breakdown dl{margin:10px 0}.color-breakdown dl>div{display:grid;grid-template-columns:78px 1fr 56px;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #e9dfd8}.color-breakdown dt{font-size:12px;color:#655869}.color-breakdown dd{margin:0;font:500 13px/1.4 DM Sans}.feedback-meter{height:5px;background:#e9dfd8;border-radius:5px;overflow:hidden}.feedback-meter i{display:block;height:100%;background:var(--accent);border-radius:inherit}.feedback-meter.close i{background:#40836a}.feedback-meter.neutral{background:repeating-linear-gradient(90deg,#ded5d0 0 4px,transparent 4px 8px)}.game-roast{max-width:510px;margin:18px auto 0;font:600 23px/1.35 Outfit}.recap-round{padding:10px 0;border-bottom:1px solid var(--line)}.recap-row{border:0;align-items:flex-start}.recap-row .vector-art{flex-shrink:0}.recap-row>div:not(.vector-art){flex:1;min-width:0}.recap-row .recap-roast{font-size:12px;line-height:1.5;color:#655869;margin-top:3px}.recap-row>strong{white-space:nowrap;color:#655869}.recap-detail{margin:0 7px 0 95px}.recap-detail summary{cursor:pointer;font-size:11px;color:#655869;min-height:44px;display:flex;align-items:center;gap:6px}.recap-detail summary:after{content:"+";margin-left:auto;font-size:18px}.recap-detail[open] summary:after{content:"−"}.recap-detail summary i{width:16px;height:16px;border:1px solid #0002;border-radius:4px}.recap-detail summary:focus-visible{outline:3px solid #7961ad;outline-offset:2px;border-radius:5px}@media(max-width:700px){.play-topline{margin-bottom:8px}.play-heading h1,.play-heading .heading-hold{font-size:18px;line-height:1.2}.play-heading .eyebrow{margin-bottom:4px}.round-progress{font-size:10px;margin-top:12px}.answer-panel{padding:22px}body:has(.play-page) .site-header{height:62px}body:has(.play-page) .header-inner nav{display:none}.reveal-artworks.comparison{padding:20px}.comparison .compare-images{height:300px}.reveal-info{padding:24px 22px}.reveal-info>.round-roast{font-size:21px}.game-roast{font-size:21px}.recap-row{display:grid;grid-template-columns:18px 42px 1fr auto;gap:8px}.recap-row .vector-art{width:42px}.recap-row>strong{font-size:17px}.recap-roast{grid-column:1 / -1}.recap-detail{margin-left:7px}}.stage-enter{animation:stage-enter .32s cubic-bezier(.2,.8,.2,1) both}.stage-enter .answer-panel,.stage-enter .reveal-info{animation:stage-enter .32s .06s cubic-bezier(.2,.8,.2,1) both}@keyframes stage-enter{0%{opacity:0;transform:translateY(10px)}}.question-art.zoom .vector-art img{animation:art-enter .28s ease-out both}@keyframes art-enter{0%{opacity:0;transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(min-width:701px)and (max-height:900px){.play-page{padding-top:12px}.play-topline{margin-bottom:8px}.play-heading h1,.play-heading .heading-hold{font-size:26px;margin-top:4px}.play-page .round-progress{margin:12px 0}.game-stage,.game-stage .question-art{min-height:0}.game-stage .answer-panel{padding:22px 33px}.game-stage .answer-options{margin:14px 0 12px;gap:8px}.game-stage .answer-option{min-height:44px}}.color-stage{display:flex;justify-content:center}.color-card{--card-height: clamp(520px, calc(100dvh - 190px) , 780px);width:min(460px,100%);height:var(--card-height);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto minmax(0,1fr) auto;background:#fffdfb;border:1px solid #e4ded8;border-radius:26px;box-shadow:0 8px 24px #392c3218;overflow:hidden}.color-card-head{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px 12px}.color-card-head h2{font:600 19px/1.2 Outfit;letter-spacing:-.3px}.color-card-head span{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-top:3px;font-size:12px;color:#655869}.part-tag{display:inline-flex;border-radius:20px;background:var(--pale);color:var(--accent);padding:2px 9px;font-size:11px;font-weight:600}.color-card-rounds{display:flex;gap:5px}.color-card-rounds i{width:8px;height:8px;border-radius:50%;background:#e9e2db}.color-card-rounds i.done{background:var(--accent)}.color-card-rounds i.now{background:var(--accent);opacity:.45;box-shadow:0 0 0 3px #b64b3822}.color-card-art{position:relative;margin-left:12px;border-radius:20px;background:var(--pale);overflow:hidden;isolation:isolate}.color-card-art .color-preview-frame{top:0;right:0;bottom:0;left:0}.color-card-art .color-preview-frame:not(.overview) .focus-scene{transform:var(--focus-transform)}.color-card-art .color-preview-frame:not(.overview){--edge: 18px;-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--edge),#000 calc(100% - var(--edge)),transparent),linear-gradient(to bottom,transparent,#000 var(--edge),#000 calc(100% - var(--edge)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--edge),#000 calc(100% - var(--edge)),transparent),linear-gradient(to bottom,transparent,#000 var(--edge),#000 calc(100% - var(--edge)),transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.art-zoom-toggle{position:absolute;left:10px;bottom:10px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #d6b9ae;border-radius:50%;background:#fffaf5e8;color:#814a3d}.art-zoom-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.color-bars{display:flex;gap:16px;padding:20px 20px 20px 16px;touch-action:none}.color-bar{position:relative;width:30px;border-radius:15px;border:1px solid #0002;touch-action:none;cursor:pointer;user-select:none;-webkit-user-select:none}.color-bar:before{content:"";position:absolute;top:-12px;right:-7px;bottom:-12px;left:-7px}.color-bar:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.color-bar-handle{position:absolute;left:50%;width:34px;height:34px;border-radius:50%;background:var(--picked);border:4px solid #fff;box-shadow:0 0 0 1.5px #0006,0 2px 8px #0004;transform:translate(-50%,-50%);pointer-events:none}.color-card-foot{grid-column:1 / -1;display:flex;justify-content:center;padding:10px 0 16px}.confirm-round{width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;box-shadow:0 6px 16px #b64b3838;transition:transform .15s}.confirm-round:active:not(:disabled){transform:scale(.94)}.confirm-round:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.confirm-round:disabled{opacity:.7}@media(max-width:700px){body:has(.color-card) .site-header{display:none}.play-page.color{padding-top:4px}.play-page.color .play-topline{margin-bottom:6px}.play-page.color .game-rule{display:none}.play-page.color .sound-toggle{width:36px;height:36px}.color-card{--card-height: calc(100dvh - 58px) ;border-radius:22px}.color-bars{gap:15px;padding:18px 18px 18px 14px}.color-card-art{margin-left:10px}}.color-card.revealed{grid-template-columns:1fr;grid-template-rows:auto minmax(120px,1fr) auto auto}.color-card.revealed .color-card-art{margin:0 12px;cursor:ew-resize;touch-action:none}.color-card-art .comparison-guess{pointer-events:none}.color-card-art:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.color-card-art>input.sr-only{left:0;bottom:0}.compare-chip{position:absolute;top:10px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 5px;border-radius:20px;background:#fffaf5e8;font-size:11px;font-weight:600;color:#4a3a42;pointer-events:none}.compare-chip.left{left:10px}.compare-chip.right{right:10px}.compare-chip i{width:14px;height:14px;border-radius:50%;border:1px solid #0003}.color-result{padding:12px 20px 0}.color-result-score{font:600 34px/1 Outfit;letter-spacing:-1px;color:var(--accent);animation:score-land .3s .55s ease-out both}.color-result-score span{font-size:13px;letter-spacing:0;color:#8a7a90}.color-result>p{margin:6px 0 2px;font:600 16px/1.35 Outfit;animation:score-land .3s .55s ease-out both}.color-result .color-breakdown{margin:0}.color-result .color-breakdown dl{margin:4px 0 0}.color-result .color-breakdown dl>div{padding:6px 0;grid-template-columns:70px 1fr 48px}.color-result .color-breakdown dl>div:last-child{border-bottom:0}.color-card.revealed .color-card-foot{padding:6px 0 14px}.color-card.revealed .confirm-round{width:60px;height:60px}.stats-page{padding:36px 0}.stats-page>.small-note{margin-top:28px}.stats-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.stats-totals>div,.stats-game,.stats-empty,.stats-tendency{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.stats-totals strong{display:block;font:700 36px Outfit,sans-serif}.stats-totals span{font-size:14px;color:#625d69}.stats-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stats-game h2{font-size:24px}.stats-game dl{margin:24px 0}.stats-game dl>div{margin:16px 0}.stats-game dt{font-size:13px;color:#625d69}.stats-game dd{margin:4px 0 0;font-weight:700}.stats-game h3{font-size:14px}.stats-distribution{padding:0;list-style:none}.stats-distribution li{display:grid;grid-template-columns:115px 1fr 26px;gap:8px;align-items:center;margin:12px 0;font-size:12px}.stats-distribution strong{text-align:right}.stats-bar{background:#f3f0eb;height:10px;border-radius:10px;overflow:hidden}.stats-bar i{display:block;height:100%;background:var(--accent);border-radius:inherit}.stats-game.silhouette{--accent: var(--purple)}.stats-game.zoom{--accent: var(--blue)}.stats-tendency{margin-top:20px;background:#f4eee7}.stats-tendency p,.stats-empty p{margin:12px 0 20px}.stats-empty{padding:40px 24px;text-align:center}.profile-stats-link{width:100%;margin-bottom:20px}.invite-image-share{margin-top:12px;width:100%}.share-preview{display:block;max-width:100%;width:300px;max-height:40vh;object-fit:contain;margin:20px auto;border:1px solid var(--line);border-radius:12px}@media(max-width:760px){.stats-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stats-totals>div{padding:18px}.stats-games{grid-template-columns:1fr}.stats-page h1{font-size:32px}}.game-stage .answer-panel{display:flex;flex-direction:column;justify-content:center}.game-stage .answer-options{margin:0 0 14px}.question-art.silhouette>.vector-art{height:calc(100% - 32px);max-height:338px}.question-art.zoom>.vector-art{width:100%;max-width:none;height:100%;max-height:none}.question-art.zoom>.zoom-crop{width:100%}.question-art.zoom>.zoom-crop img{object-fit:cover}.question-art.zoom:after,.question-art.silhouette:after{display:none}@media(max-width:700px){.play-page:not(.color){padding-top:10px}.play-page:not(.color) .play-heading{align-items:center}.play-page:not(.color) .round-progress{margin:8px 0 10px}.game-stage{min-height:0}.game-stage .question-art{min-height:0;max-height:none;height:clamp(150px,calc(100dvh - 455px),360px)}.game-stage .answer-panel{padding:12px 14px 14px}.game-stage .answer-options{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px}.play-page .game-stage .answer-option{min-height:52px;padding:6px 8px;gap:8px;font-size:13px;line-height:1.2}.game-stage .answer-option>span{flex-shrink:0}.game-stage .answer-option>svg{flex-shrink:0}.play-page .game-stage .hint-button{margin-bottom:10px}.game-stage .stage-question{font-size:48px}}.rare{--accent: #23806f;--pale: #e2f2ec}.tier-badge{display:inline-grid;place-items:center;font-family:Outfit,sans-serif;font-weight:800;letter-spacing:-.04em;line-height:1;color:#fff;border-radius:8px;background:var(--tier)}.tier-badge.small{min-width:30px;height:26px;padding:0 6px;font-size:13px}.tier-badge.large{min-width:150px;height:150px;padding:0 22px;font-size:84px;border-radius:34px;box-shadow:0 10px color-mix(in srgb,var(--tier) 35%,transparent),0 18px 50px color-mix(in srgb,var(--tier) 40%,transparent);animation:tier-pop .52s cubic-bezier(.2,1.6,.4,1) both}.tier-f{--tier: #b5544c}.tier-d{--tier: #a39ba6}.tier-c{--tier: #6f9a8a}.tier-b{--tier: #4f9a70}.tier-a{--tier: #3f86b7}.tier-s{--tier: #8461cc}.tier-ss{--tier: #d98a1c}.tier-sss{--tier: #e0563f;background:linear-gradient(135deg,#f0a03c,#e0563f 45%,#9b5fd6)}.tier-badge.large.tier-sss{animation:tier-pop .52s cubic-bezier(.2,1.6,.4,1) both,tier-shine 2.4s ease-in-out .52s infinite alternate}@keyframes tier-pop{0%{transform:scale(.4) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}@keyframes tier-shine{to{filter:saturate(1.25) brightness(1.08)}}.rare-stage{min-height:430px;overflow:visible}.rare-stage>.question-art{border-radius:20px 0 0 20px}.rare-question,.rare-result{flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;padding:40px 44px;min-height:0}.rare-result{align-items:center;text-align:center}.rare-question:after,.rare-result:after{right:-90px;bottom:-110px}.rare-category{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.rare-question h2{margin:0;font-family:Outfit,sans-serif;font-size:clamp(28px,3.4vw,40px);line-height:1.08;letter-spacing:-.03em;color:var(--ink)}.rare-question p{margin:0;color:#4f6b64;font-size:14px;line-height:1.5;max-width:34em}.tier-ladder{display:flex;gap:6px;margin-top:6px}.tier-ladder .tier-badge:nth-child(-n+4){opacity:.8}.rare-combobox{position:relative;margin-bottom:14px}.rare-combobox>label{display:block;font-size:12px;font-weight:600;color:#655869;margin-bottom:8px}.rare-input{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 14px;border:1px solid #e0d8d0;border-radius:12px;background:#fff;color:#a39aa6}.rare-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.rare-input.chosen{background:var(--pale);border-color:var(--accent);color:var(--accent)}.rare-input input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:16px;color:var(--ink)}.rare-input-detail{font-size:12px;color:#4f6b64;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}.rare-suggestions{position:absolute;z-index:5;left:0;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:#fffdfb;border:1px solid #e4ddd5;border-radius:12px;box-shadow:0 16px 40px #2827331f;max-height:320px;overflow-y:auto}.rare-suggestions li{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border-radius:8px;cursor:pointer}.rare-suggestions li.active{background:var(--pale)}.rare-suggestions strong{font-size:14px;font-weight:600}.rare-suggestions span,.rare-empty{font-size:12px;color:#85818b}.rare-verdict{margin:4px 0 0;font-size:15px;font-weight:600;color:var(--ink)}.rarity-scale{width:min(320px,100%)}.rarity-track{position:relative;height:10px;border-radius:99px;background:linear-gradient(90deg,#d2ccd5,#6f9a8a 30%,#4f9a70 50%,#3f86b7,#8461cc 80%,#d98a1c 92%,#e0563f)}.rarity-marker{position:absolute;top:50%;width:22px;height:22px;border-radius:50%;background:#fff;border:4px solid var(--tier);transform:translate(-50%,-50%);box-shadow:0 2px 6px #0003}.rarity-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:#4f6b64}.rare-lists{gap:16px}.rare-own{display:grid;gap:3px;padding:14px 16px;border-radius:12px;background:var(--pale)}.rare-own>span,.rare-list h3{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#655869}.rare-own strong{font-family:Outfit,sans-serif;font-size:22px}.rare-own em{font-style:normal;font-size:13px;color:#4f6b64}.rare-list h3{display:flex;align-items:center;gap:6px;margin:0 0 6px}.rare-gems h3{color:var(--accent)}.rare-list ol{margin:0;padding:0;list-style:none;display:grid;gap:4px}.rare-list li{display:flex;align-items:baseline;gap:8px;font-size:14px;padding:6px 0;border-bottom:1px solid #f0eae4}.rare-list li>span{font-size:12px;color:#85818b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.rare-list li>.tier-badge{margin-left:auto;align-self:center}@media(max-width:700px){.rare-stage .question-art.rare-question,.rare-stage .question-art.rare-result{border-radius:20px 20px 0 0;height:auto;padding:24px 20px;gap:12px}.rare-question h2{font-size:26px}.tier-badge.large{min-width:110px;height:110px;font-size:60px;border-radius:26px}.rare-stage .answer-panel{padding:18px 16px 20px}}@media(prefers-reduced-motion:reduce){.tier-badge.large,.tier-badge.large.tier-sss{animation:none}}@media(min-width:1101px){.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}@media(min-width:701px)and (max-width:1100px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.rare .card-art{background:#bfe5d7}.rare .card-art:after{background:linear-gradient(0deg,#6cc0a855,transparent)}.rare .card-index{color:#3f7a6c}.rare .art-bottom-label{color:#3f7a6c;background:#d5efe6e8}.rare .card-play{background:#def3eb;border-color:#b5ddcf;color:#2f7565;box-shadow:0 3px #b5ddcf40}.stats-game.rare{--accent: #23806f}.rare-card-art{position:absolute;top:0;right:0;bottom:48px;left:0;display:grid;place-items:center}.rare-pull{position:absolute;width:96px;height:139px;padding:4px;border-radius:9px;display:grid;background:linear-gradient(150deg,var(--g-hi),var(--g) 35%,var(--g-lo) 70%,var(--g))!important;box-shadow:0 10px 24px #1d4b4140,0 0 18px color-mix(in srgb,var(--g) 50%,transparent);transition:transform .35s cubic-bezier(.2,1.4,.4,1)}.rare-pull.tier-sss{background:conic-gradient(from 210deg,#ff6440,#ffc23d,#5ad1ff,#b86bff,#ff6440)!important}.rare-pull-sheet{overflow:hidden;border-radius:5px;background:#f7f2e6}.rare-pull-sheet .manga-art{display:block;width:100%;height:100%;mix-blend-mode:multiply}.rare-pull b{position:absolute;right:6px;bottom:8px;padding:0 5px 1px;border:3px solid var(--g);border-radius:6px;background:#fffdf6;font-family:Outfit,sans-serif;font-weight:900;font-size:20px;color:var(--g);letter-spacing:-.04em;transform:rotate(-10deg)}.rare-pull:nth-child(1){transform:translate(-62px) rotate(-14deg)}.rare-pull:nth-child(2){transform:translate(62px) rotate(14deg)}.rare-pull:nth-child(3){transform:translateY(-8px);z-index:1}.game-card.rare:hover .rare-pull:nth-child(1){transform:translate(-74px) rotate(-18deg)}.game-card.rare:hover .rare-pull:nth-child(2){transform:translate(74px) rotate(18deg)}.game-card.rare:hover .rare-pull:nth-child(3){transform:translateY(-16px) scale(1.05)}.challenge-preview>.challenge-art{position:relative;inset:auto;width:190px;height:220px;flex-shrink:0;overflow:hidden;border-radius:18px;background:var(--pale)}.challenge-art .rare-pull{width:80px;height:116px}.challenge-art .rare-pull:nth-child(1){transform:translate(-46px) rotate(-12deg)}.challenge-art .rare-pull:nth-child(2){transform:translate(46px) rotate(12deg)}.rare-hint{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:13px!important;color:#3f5f57!important}.rare-hint span[lang=ja]{font-weight:700}.rare-roast{margin:0;font-family:Outfit,sans-serif;font-size:19px;font-weight:700;line-height:1.25;color:var(--ink)!important}.round-recap .tier-badge.small{min-width:44px;height:44px;font-size:16px;border-radius:12px;flex-shrink:0}.rare-stage{--ink: #15131a;--paper: #f7f2e6;--paper-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .25 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.tier-d{--g-hi: #e4e0ea;--g: #8e8a96;--g-lo: #4d4954}.tier-c{--g-hi: #c3f2d9;--g: #45a274;--g-lo: #1d5239}.tier-b{--g-hi: #bfeaf7;--g: #2a98c2;--g-lo: #104d68}.tier-a{--g-hi: #c4d6ff;--g: #3d6ce0;--g-lo: #1a2c78}.tier-s{--g-hi: #ead6ff;--g: #9a5ce0;--g-lo: #482085}.tier-ss{--g-hi: #fff0b8;--g: #e5a52a;--g-lo: #8c5106}.tier-sss{--g-hi: #ffe0d0;--g: #ff6440;--g-lo: #6a1fb4}.tier-f{--g-hi: #f5cdc8;--g: #b5544c;--g-lo: #5c231f}.manga-tag{position:relative;z-index:1;display:inline-flex;align-items:stretch;border:2px solid var(--ink);background:#fff;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}.manga-tag b{padding:5px 9px;background:var(--ink);color:#fff;white-space:nowrap}.manga-tag>span{padding:5px 10px}.question-art.manga-title{background:var(--paper-grain),var(--paper);padding:52px 58px}.question-art.manga-title:before{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;z-index:-1;border:3px solid var(--ink);border-radius:2px;box-shadow:inset 0 0 0 1px #fff8}.question-art.manga-title:after{inset:0 0 0 auto;width:46px;height:auto;border:0;border-radius:0;background:linear-gradient(270deg,#3b2f1f26,transparent);z-index:2;pointer-events:none}.manga-title-art{position:absolute;z-index:-1;top:19px;right:19px;bottom:19px;width:58%;opacity:.2;-webkit-mask-image:linear-gradient(90deg,transparent,#000 55%);mask-image:linear-gradient(90deg,transparent,#000 55%)}.manga-title-art .manga-art{width:100%;height:100%}.manga-kanji{position:absolute;top:34px;right:40px;writing-mode:vertical-rl;font-family:Hiragino Mincho ProN,"Noto Serif JP",serif;font-size:46px;font-weight:900;letter-spacing:.06em;color:var(--ink);opacity:.85;text-shadow:3px 3px 0 #fff}.rare-question.manga-title h2{position:relative;max-width:85%;color:var(--ink);font-weight:800;text-shadow:0 0 12px var(--paper),0 0 4px var(--paper)}.rare-question.manga-title p{position:relative;color:#4b4652;text-shadow:0 0 6px var(--paper)}.manga-narration{display:grid;gap:2px;padding:10px 14px;background:#fff;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.manga-narration span[lang=ja]{font-weight:700;color:var(--ink)}.rank-gauge{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:start;width:100%;max-width:470px;padding:10px 6px 8px;border-radius:14px;background:linear-gradient(180deg,#2b2838,#17151f);border:1px solid #ffffff1c;box-shadow:inset 0 1px #fff2,0 6px 18px #0003}.rank-track{position:absolute;left:calc(100% / 14 + 6px);right:calc(100% / 14 + 6px);top:27px;height:4px;border-radius:2px;background:#ffffff1a}.rank-fill{position:absolute;inset:0 auto 0 0;border-radius:2px;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#8e8a96,#45a274,#2a98c2,#3d6ce0,#9a5ce0,#e5a52a,#ff6440);transition:clip-path .26s ease-out}.rank-gem{position:relative;display:grid;justify-items:center;gap:4px;background:none!important}.rank-gem b{position:relative;display:grid;place-items:center;width:34px;height:38px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,#6a6577,#2c2935);font-family:Outfit,sans-serif;font-size:12px;font-weight:900;color:#fff5;letter-spacing:-.03em;transition:background .2s,color .2s}.rank-gem b:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;z-index:-1;clip-path:inherit;background:#1d1b26}.rank-gem.lit b{color:#fff;background:linear-gradient(160deg,#fff7d6,#c99a3c 45%,#6b4a12);text-shadow:0 1px 2px #0008}.rank-gem.lit b:before{background:radial-gradient(circle at 35% 25%,var(--g-hi),var(--g) 50%,var(--g-lo))}.rank-gem.tier-sss.lit b:before{background:conic-gradient(from 200deg,#ff6440,#ffc23d,#5ad1ff,#b86bff,#ff6440)}.rank-gem.lit{filter:drop-shadow(0 0 6px var(--g))}.rank-gem.now{animation:gem-ignite .32s cubic-bezier(.2,1.6,.4,1)}.rank-stars{display:inline-flex;gap:3px;color:#ffd76a;filter:drop-shadow(0 0 6px #ffb84d)}.rank-stars svg{animation:star-pop .3s cubic-bezier(.2,1.8,.4,1) calc(var(--i) * .11s + .15s) both}.manga-page{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:2px 3px 3px 2px;background:var(--paper-grain),var(--paper);box-shadow:inset -14px 0 18px -14px #3b2f1f55,inset 0 0 30px #a08a6020}.manga-art{display:block;width:100%;height:100%}.manga-page .manga-art{mix-blend-mode:multiply}.manga-spine{position:absolute;z-index:40;top:-4px;right:-12px;bottom:-4px;width:15px;border-radius:0 6px 6px 0;background:linear-gradient(90deg,#1d1a24,#4a4356 45%,#23202b);box-shadow:2px 0 6px #0006}.manga-leaf{transform-origin:right center;backface-visibility:hidden;animation:leaf-turn .46s cubic-bezier(.45,.05,.55,.95) var(--delay) forwards}.manga-leaf:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 40%,#00000038);opacity:0;animation:leaf-shade .46s ease-in var(--delay) forwards}.manga-card{position:relative;display:block;width:214px;aspect-ratio:200 / 290;padding:7px;border-radius:12px;background:linear-gradient(150deg,var(--g-hi),var(--g) 35%,var(--g-lo) 70%,var(--g) 100%);box-shadow:0 0 0 1.5px #fff9 inset,0 0 0 2px #0005,0 18px 40px #0007,0 0 46px color-mix(in srgb,var(--g) 60%,transparent)}.manga-card.tier-sss{background:conic-gradient(from 210deg,#ff6440,#ffc23d,#5ad1ff,#b86bff,#ff6440)}.manga-card:before,.manga-card:after{content:"";position:absolute;z-index:3;width:14px;height:14px;background:radial-gradient(circle at 35% 30%,#fff,var(--g-hi) 30%,var(--g) 70%);transform:rotate(45deg);box-shadow:0 0 8px var(--g)}.manga-card:before{top:-5px;left:-5px}.manga-card:after{bottom:-5px;right:-5px}.manga-sheet{position:relative;display:block;height:100%;overflow:hidden;border-radius:5px;background:var(--paper-grain),var(--paper);box-shadow:inset 0 0 0 1px #0003}.manga-sheet .manga-art{mix-blend-mode:multiply}.manga-sheet:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 32%,#ffffff00 40%,#ffffff8a 48%,#c8fff3 50%,#ffd8ff 52%,#ffffff00 60%,transparent 68%);background-size:300% 100%;mix-blend-mode:soft-light;animation:holo-sweep 3s ease-in-out infinite;pointer-events:none}.manga-caption{position:absolute;left:4%;right:4%;top:2.8%;height:9%;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 8px;background:var(--ink);color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden}.manga-caption span{overflow:hidden;text-overflow:ellipsis}.manga-caption em{flex-shrink:0;font-style:normal;opacity:.7}.manga-bubble{position:absolute;z-index:1;left:9%;right:9%;top:17%;padding:11px 14px;border:2.2px solid var(--ink);border-radius:50%/46%;background:#fff;font-family:Outfit,sans-serif;font-size:14px;font-weight:800;line-height:1.15;text-align:center;color:var(--ink)}.manga-bubble:after{content:"";position:absolute;left:28%;bottom:-11px;width:16px;height:14px;background:#fff;border-right:2.2px solid var(--ink);border-bottom:2.2px solid var(--ink);transform:skew(30deg) rotate(20deg)}.manga-bubble span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.manga-stamp{position:absolute;z-index:2;right:6%;top:50%;padding:1px 9px 3px;border:4px solid var(--g);border-radius:10px;background:#fffdf6!important;color:var(--g);font-family:Outfit,sans-serif;font-size:44px;font-weight:900;letter-spacing:-.05em;line-height:1;transform:rotate(-12deg);box-shadow:0 0 0 3px #fffdf6,0 4px 14px #0004;opacity:0}.manga-stamp.tier-sss{border-color:#ff5a3c;color:#ff5a3c;text-shadow:2px 2px 0 #ffc23d,-2px -2px 0 #b86bff;box-shadow:0 0 0 3px #fffdf6,0 0 0 6px #b86bff,0 4px 14px #0004}.manga-stamp.tier-ss,.manga-stamp.tier-sss{font-size:36px}.manga-sfx{position:absolute;z-index:2;left:6%;top:57%;font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,Outfit,sans-serif;font-size:25px;font-weight:900;font-style:italic;color:#fff;white-space:nowrap;-webkit-text-stroke:2px var(--ink);paint-order:stroke;text-shadow:3px 3px 0 var(--g);transform:rotate(-10deg);opacity:0}.manga-card.stamped .manga-stamp{animation:stamp-in .44s cubic-bezier(.2,1.5,.4,1) .12s both}.manga-card.stamped .manga-sfx{animation:sfx-pop .42s cubic-bezier(.2,1.8,.4,1) .3s both}body.summon-open{overflow:hidden}:root:has(body.summon-open){scrollbar-gutter:auto}.summon{--rare-ink: #15131a;--ink: #15131a;--paper: #f7f2e6;--paper-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .25 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0 auto 0 0;width:100vw;z-index:1000;display:grid;place-items:center;overflow:hidden;background:#07060d!important;color:#fff;cursor:pointer;outline:none;animation:summon-in .26s ease-out;-webkit-tap-highlight-color:transparent}.summon-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1.5px 1.5px at 12% 18%,#fffc 50%,transparent 51%),radial-gradient(1px 1px at 28% 64%,#fff9 50%,transparent 51%),radial-gradient(1.5px 1.5px at 46% 12%,#fffa 50%,transparent 51%),radial-gradient(1px 1px at 63% 38%,#fff8 50%,transparent 51%),radial-gradient(1.5px 1.5px at 82% 22%,#fffb 50%,transparent 51%),radial-gradient(1px 1px at 90% 70%,#fff8 50%,transparent 51%),radial-gradient(1px 1px at 8% 84%,#fff7 50%,transparent 51%),radial-gradient(1px 1px at 72% 88%,#fff6 50%,transparent 51%),radial-gradient(ellipse 60% 50% at 50% 46%,color-mix(in srgb,var(--g) calc(18% + var(--lvl) * 7%),transparent),transparent 75%),linear-gradient(180deg,#120f22,#07060d);transition:background .3s}.summon-rays{position:absolute;left:50%;top:46%;width:180vmax;height:180vmax;margin:-90vmax 0 0 -90vmax;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--g) 45%,transparent) 0 4deg,transparent 4deg 15deg);-webkit-mask-image:radial-gradient(circle,#000 4%,transparent 40%);mask-image:radial-gradient(circle,#000 4%,transparent 40%);opacity:calc(.1 + var(--lvl) * .1);animation:summon-spin 26s linear infinite;transition:opacity .3s}.summon.phase-burst .summon-rays,.summon.phase-splash .summon-rays{opacity:.9}.summon-motes{position:absolute;top:0;right:0;bottom:0;left:0}.summon-motes i{position:absolute;bottom:-10px;left:var(--x);width:5px;height:5px;border-radius:50%;background:color-mix(in srgb,var(--g-hi) 70%,#fff);box-shadow:0 0 10px var(--g);opacity:calc(.2 + var(--lvl) * .12);animation:mote-rise var(--d) linear var(--delay) infinite}.summon-book{position:relative;width:min(300px,62vw);aspect-ratio:200 / 290;margin-bottom:120px;perspective:1600px;scale:calc(1 + var(--lvl) * .02);transition:scale .3s;animation:book-in .42s cubic-bezier(.2,1.3,.4,1)}.summon-leak{position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;z-index:-1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--g-hi) 90%,#fff),var(--g) 35%,transparent 70%);filter:blur(18px);opacity:calc(.25 + var(--lvl) * .12);animation:leak-pulse calc(.9s - var(--lvl) * .09s) ease-in-out infinite alternate}.summon-base{box-shadow:-4px 4px #e2d9c6,-8px 8px #d1c6af,0 30px 60px #000a}.summon-hud{position:absolute;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);display:grid;justify-items:center;gap:12px;width:min(470px,92vw)}.summon-counter{display:grid;justify-items:center}.summon-counter strong{font-family:Outfit,sans-serif;font-size:46px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff,var(--g-hi) 60%,var(--g));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 12px var(--g))}.summon-counter small{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--g-hi)}.summon-hint{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#ffffff80;animation:hint-blink 1.4s ease-in-out infinite alternate}.summon-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:radial-gradient(circle at 50% 45%,#fff,color-mix(in srgb,var(--g-hi) 70%,#fff) 35%,color-mix(in srgb,var(--g) 50%,transparent) 70%);animation:burst-flash .52s ease-out forwards}.summon-big.phase-burst{animation:land-shake .46s cubic-bezier(.3,.1,.3,1)}.summon-result{position:relative;display:flex;align-items:center;gap:44px;margin-bottom:110px}.summon-result .manga-card{width:min(300px,60vw);animation:card-burst .62s cubic-bezier(.2,1.4,.4,1) both}.summon-result .manga-bubble{font-size:19px}.summon-result .manga-stamp{font-size:62px}.summon-result .manga-stamp.tier-ss,.summon-result .manga-stamp.tier-sss{font-size:50px}.summon-result .manga-sfx{font-size:36px}.summon-result .manga-caption{font-size:12px}.summon-info{display:grid;justify-items:start;gap:8px;max-width:320px;animation:info-in .52s ease-out .26s both}.summon-rank{font-family:Outfit,sans-serif;font-size:96px;font-weight:900;line-height:.9;letter-spacing:-.05em;background:none!important;background-image:linear-gradient(180deg,#fff,var(--g-hi) 45%,var(--g) 80%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent;filter:drop-shadow(0 0 18px var(--g)) drop-shadow(0 4px 0 var(--g-lo))}.summon-rank.tier-sss{background-image:linear-gradient(180deg,#fff 10%,#ffc23d 40%,#ff6440 65%,#b86bff)!important}.summon-info .rank-stars svg{width:24px;height:24px}.summon-info strong{font-family:Outfit,sans-serif;font-size:30px;font-weight:800;line-height:1.1;text-shadow:0 2px 12px #000}.summon-info small{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--g-hi)}.summon-sparks{position:absolute;z-index:4;left:calc(100% - min(150px,30vw));top:50%}.summon-sparks i{position:absolute;width:10px;height:10px;margin:-5px;background:var(--g-hi);box-shadow:0 0 12px var(--g);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);transform:rotate(var(--a)) translateY(0);animation:spark-burst 1.1s cubic-bezier(.1,.8,.3,1) 80ms forwards}.question-art.rare-vault{justify-content:flex-start;gap:14px;color:#ecebf5;background:radial-gradient(ellipse 70% 45% at 50% 38%,color-mix(in srgb,var(--g, #23806f) 40%,transparent),transparent 75%),linear-gradient(180deg,#1c1830,#0f0d1a)}.question-art.rare-vault:after{display:none}.rare-vault .manga-tag{max-width:100%;text-align:left}.rare-vault-card{display:grid;justify-items:center;gap:10px}.rare-vault .rare-verdict,.rare-vault .rarity-labels{color:#ecebf5}.rare-deeper{margin:4px 0 0;padding:6px 12px;border:1px solid color-mix(in srgb,var(--g) 70%,#fff);border-radius:8px;background:color-mix(in srgb,var(--g) 25%,#0000);font-size:13px;font-weight:700;color:#fff}.rare-depth{display:grid;justify-items:center;gap:8px;margin-bottom:4px}.rare-depth-pages{position:relative;display:block;width:200px;height:118px}.rare-depth-page{position:absolute;left:50%;bottom:0;display:grid;place-items:center;align-content:center;gap:2px;width:60px;height:82px;margin-left:-30px;padding:3px;border-radius:6px;background:linear-gradient(150deg,var(--g-hi),var(--g) 40%,var(--g-lo))!important;box-shadow:0 6px 14px #0003,0 0 14px color-mix(in srgb,var(--g) 50%,transparent);transform:translate(calc(var(--i) * 50px)) translateY(calc(var(--i) * var(--i) * 6px)) rotate(calc(var(--i) * 10deg));animation:page-deal .52s cubic-bezier(.2,1.4,.4,1) both;animation-delay:calc((var(--i) + 1) * .12s)}.rare-depth-page:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:4px;background:radial-gradient(circle,#15131a26 30%,transparent 33%) 0 0 / 5px 5px,#f7f2e6}.rare-depth-page b,.rare-depth-page small{position:relative}.rare-depth-page b{padding:0 5px;border:3px solid var(--g);border-radius:6px;background:#fff;color:var(--g);font-family:Outfit,sans-serif;font-size:20px;font-weight:900;transform:rotate(-10deg)}.rare-depth-page small{font-size:10px;font-weight:700;color:#15131a}.rare-depth p{margin:0;font-weight:600}.rare-depth p strong{color:#c2410c}.rare-depth p span{color:#85818b}@keyframes gem-ignite{0%{transform:scale(1.6);filter:brightness(2.2) drop-shadow(0 0 14px var(--g))}to{transform:none}}@keyframes star-pop{0%{opacity:0;transform:scale(.2) rotate(-60deg)}to{opacity:1;transform:none}}@keyframes leaf-turn{0%{transform:rotateY(0)}to{transform:rotateY(-178deg)}}@keyframes leaf-shade{to{opacity:1}}@keyframes stamp-in{0%{opacity:0;transform:rotate(-30deg) scale(3)}60%{opacity:1;transform:rotate(-10deg) scale(.92)}to{opacity:1;transform:rotate(-12deg) scale(1)}}@keyframes sfx-pop{0%{opacity:0;scale:2.2}to{opacity:1;scale:1}}@keyframes holo-sweep{0%{background-position:100% 0}60%,to{background-position:-50% 0}}@keyframes summon-in{0%{opacity:0}}@keyframes summon-spin{to{rotate:360deg}}@keyframes mote-rise{0%{transform:translateY(0) scale(1)}to{transform:translateY(-105vh) scale(.3);opacity:0}}@keyframes book-in{0%{opacity:0;transform:translateY(40px) scale(.85)}}@keyframes leak-pulse{to{transform:scale(1.12)}}@keyframes hint-blink{to{opacity:.4}}@keyframes burst-flash{0%{opacity:1}to{opacity:0}}@keyframes land-shake{0%,to{transform:none}20%{transform:translate(-8px,4px)}40%{transform:translate(7px,-5px)}60%{transform:translate(-5px,3px)}80%{transform:translate(3px,-2px)}}@keyframes card-burst{0%{opacity:0;transform:scale(1.6) rotateY(80deg);filter:brightness(3)}60%{opacity:1;filter:brightness(1.4)}to{transform:none;filter:none}}@keyframes info-in{0%{opacity:0;transform:translate(-24px)}}@keyframes spark-burst{0%{transform:rotate(var(--a)) translateY(0) scale(1.2);opacity:1}to{transform:rotate(var(--a)) translateY(-240px) scale(.3);opacity:0}}@keyframes page-deal{0%{opacity:0;transform:translateY(40px) scale(.6)}}.rare-reveal .rare-after{opacity:0;transform:translateY(8px);transition:opacity .32s ease,transform .32s ease}.rare-reveal.shown .rare-after{opacity:1;transform:none}.rare-reveal:not(.shown) .answer-panel.rare-after{visibility:hidden}@media(max-width:700px){.question-art.manga-title{padding:34px 28px 28px}.question-art.manga-title:before{top:10px;right:10px;bottom:10px;left:10px}.manga-title-art{top:13px;right:13px;bottom:13px}.manga-kanji{top:22px;right:24px;font-size:30px}.rank-gem b{width:30px;height:34px;font-size:11px}.rank-track{top:25px}.manga-card{width:180px}.manga-stamp{font-size:36px}.manga-stamp.tier-ss,.manga-stamp.tier-sss{font-size:30px}.manga-bubble{font-size:12px}.manga-sfx{font-size:19px;top:63%}.manga-caption{font-size:8.5px;padding:0 6px}.summon-result{flex-direction:column-reverse;gap:16px;margin-bottom:120px}.summon-result .manga-card{width:min(230px,58vw)}.summon-info{justify-items:center;text-align:center}.summon-rank{display:none}.summon-info strong{font-size:22px}.summon-result .manga-stamp{font-size:44px;top:44%}.summon-result .manga-stamp.tier-ss,.summon-result .manga-stamp.tier-sss{font-size:36px}.summon-result .manga-sfx{font-size:24px;top:62%}.summon-result .manga-caption{font-size:10px}.summon-result .manga-bubble{font-size:15px}.summon-book{margin-bottom:150px}.rare-card-art{top:0;right:0;bottom:44px;left:0}}@media(prefers-reduced-motion:reduce){.rank-gem,.rank-stars svg,.manga-leaf,.manga-leaf:after,.manga-stamp,.manga-sfx,.manga-sheet:after,.rare-depth-page,.rare-pull{animation:none!important;transition:none!important}.manga-stamp,.manga-sfx{opacity:1}}
