:root{--bg-page: #fbfaf6;--card-bg: #ffffff;--text-main: #0f172a;--text-muted: rgba(15, 23, 42, .62);--border-color: #e5e7eb;--btn-bg: #ffffff;--btn-color: #374151;--accent: #6366f1;--accent-soft: rgba(99, 102, 241, .14);--shadow-tint: 99, 102, 241;--aurora-1: rgba(252, 199, 138, .14);--aurora-2: rgba(129, 140, 248, .09);--aurora-3: rgba(34, 211, 238, 0);--score-high: #b45309;--score-low: #0e7490}[data-theme=dark]{--bg-page: #0b1020;--card-bg: #161d2e;--text-main: #f9fafb;--text-muted: rgba(255, 255, 255, .6);--border-color: rgba(129, 140, 248, .16);--btn-bg: #2a3146;--btn-color: #f9fafb;--accent: #818cf8;--accent-soft: rgba(129, 140, 248, .22);--shadow-tint: 129, 140, 248;--aurora-1: rgba(129, 140, 248, .28);--aurora-2: rgba(244, 114, 182, .22);--aurora-3: rgba(56, 189, 248, .18);--score-high: #fde047;--score-low: #67e8f9}*{margin:0;padding:0;box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-page);color:var(--text-main);min-height:100vh;display:flex;flex-direction:column;transition:background-color .3s ease,color .3s ease;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(38vw 30vh at 4% 4%,var(--aurora-1),transparent 70%),radial-gradient(42vw 32vh at 96% 94%,var(--aurora-2),transparent 70%)}:root[data-theme=dark] body:before,body[data-theme=dark]:before{background:radial-gradient(60vw 50vh at 12% 8%,var(--aurora-1),transparent 60%),radial-gradient(55vw 45vh at 92% 18%,var(--aurora-3),transparent 60%),radial-gradient(70vw 55vh at 50% 110%,var(--aurora-2),transparent 65%)}body>*{position:relative;z-index:1}header{padding:1.5rem 4rem;display:flex;justify-content:space-between;align-items:center;background:color-mix(in oklab,var(--card-bg) 78%,transparent);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);transition:background-color .3s ease;position:relative}header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(244,114,182,.45) 20%,rgba(129,140,248,.55) 50%,rgba(56,189,248,.45) 80%,transparent 100%);opacity:.7;pointer-events:none}.header-left{display:flex;align-items:center}.header-announcement{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;gap:.55rem;width:min(52vw,620px);min-height:38px;padding:.45rem .85rem;border:1px solid rgba(129,140,248,.18);border-radius:999px;background:linear-gradient(90deg,#facc151a,#f472b614,#06b6d417);color:var(--text-main);box-shadow:0 12px 32px -24px rgba(var(--shadow-tint),.55);pointer-events:none;white-space:nowrap}.header-announcement-label{flex:0 0 auto;padding:.22rem .5rem;border-radius:999px;background:#facc1529;color:#d97706;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.header-announcement-text{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--text-muted);font-size:.86rem;font-weight:700}[data-theme=dark] .header-announcement-label{color:#facc15}.logo-link{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:inherit;transition:opacity .2s ease}.logo-container{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.logo-mark{width:40px;height:40px;display:block}.logo-link:hover{opacity:.8}header h1{font-size:1.2rem;font-weight:600}.header-right{display:flex;align-items:center;gap:3rem}.nav-links{display:flex;gap:1.5rem}.nav-link{text-decoration:none;color:var(--text-muted);font-size:.9rem;font-weight:600;transition:color .2s ease}.nav-link:hover,.nav-link.active{color:var(--text-main)}.header-actions{display:flex;gap:1.2rem;align-items:center}.language-control{display:inline-flex;align-items:center;position:relative}.language-globe{position:absolute;left:.62rem;top:50%;transform:translateY(-50%);color:var(--btn-color);opacity:.78;pointer-events:none}.language-select{height:32px;min-width:72px;padding:0 1.45rem 0 1.78rem;border:1px solid color-mix(in oklab,var(--border-color) 86%,transparent);border-radius:999px;background:linear-gradient(180deg,color-mix(in oklab,var(--card-bg) 96%,transparent),color-mix(in oklab,var(--card-bg) 82%,transparent));color:var(--btn-color);font:800 .74rem/1 Outfit,sans-serif;letter-spacing:.04em;cursor:pointer;box-shadow:0 8px 24px -18px rgba(var(--shadow-tint),.65)}.language-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-btn{background:none;border:none;cursor:pointer;color:var(--btn-color);display:flex;align-items:center;justify-content:center}main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 2rem 2rem}.question-header{text-align:center;margin-bottom:2rem;padding:0 1rem}.question-header p{font-size:1.1rem;color:var(--text-muted);font-weight:500}.question-header h2{font-size:2rem;font-weight:700;color:var(--text-main);margin-top:.5rem;line-height:1.3;overflow-wrap:anywhere}.question-header span{background:linear-gradient(92deg,#ec4899,#6366f1,#06b6d4);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:hueShift 9s ease-in-out infinite;overflow-wrap:anywhere}[data-theme=dark] .question-header span{background:linear-gradient(92deg,#f472b6,#a5b4fc,#67e8f9);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}@keyframes hueShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}header h1 span{background:linear-gradient(92deg,#ec4899,#a78bfa 60%,#38bdf8);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent!important;color:transparent!important;animation:hueShift 11s ease-in-out infinite}.game-container{display:flex;flex-wrap:wrap;column-gap:2.5rem;row-gap:1.25rem;align-items:flex-start;justify-content:center;width:100%}.live-ranking-panel{--ranking-row-gap: .24rem;--ranking-row-height: 48px;width:260px;height:auto;display:flex;flex-direction:column;align-self:flex-start;padding:1.15rem;border:1px solid color-mix(in oklab,var(--border-color) 82%,transparent);border-radius:18px;background:linear-gradient(180deg,color-mix(in oklab,var(--card-bg) 92%,transparent),color-mix(in oklab,var(--card-bg) 78%,transparent));box-shadow:0 1px #ffffff0d inset,0 18px 46px -28px rgba(var(--shadow-tint),.5);color:var(--text-main)}.live-ranking-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.55rem}.live-ranking-kicker{margin-bottom:.16rem;color:var(--text-muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.live-ranking-head h3{font-size:1.05rem;line-height:1.15;letter-spacing:0;background:linear-gradient(92deg,#ec4899,#a78bfa 60%,#38bdf8);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:hueShift 11s ease-in-out infinite}.live-ranking-status{flex:0 0 auto;display:inline-flex;align-items:center;gap:.32rem;padding:.32rem .58rem;border-radius:999px;background:#22c55e1f;color:#16a34a;font-size:.68rem;font-weight:800}.live-ranking-status:before{content:"";width:.42rem;height:.42rem;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in oklab,currentColor 14%,transparent)}.live-ranking-tabs{display:flex;gap:.24rem;margin-bottom:.5rem;padding:.18rem;border-radius:10px;background:color-mix(in oklab,var(--border-color) 28%,transparent)}.live-ranking-tab{flex:1;border:0;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.74rem;font-weight:700;letter-spacing:.04em;padding:.32rem .5rem;border-radius:7px;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.live-ranking-tab:hover{color:var(--text-main)}.live-ranking-tab.is-active{background:var(--card-bg);color:var(--accent);box-shadow:0 1px 2px color-mix(in oklab,rgba(var(--shadow-tint),1) 22%,transparent)}.live-ranking-tab:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.live-ranking-countdown{display:flex;align-items:center;gap:.42rem;min-width:0;margin:0 0 .5rem;padding:.32rem .55rem;border-radius:9px;background:color-mix(in oklab,var(--accent-soft) 75%,transparent);color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.02em}.live-ranking-countdown[hidden]{display:none}.live-ranking-countdown.is-archive{background:color-mix(in oklab,var(--border-color) 30%,transparent)}.live-ranking-countdown-icon{flex:0 0 auto;color:var(--accent)}.live-ranking-countdown-label{color:var(--text-muted)}.live-ranking-countdown-value{margin-left:auto;color:var(--accent);font-weight:900;font-size:.78rem;font-variant-numeric:tabular-nums;letter-spacing:.04em}.live-ranking-list{list-style:none;display:grid;gap:var(--ranking-row-gap);flex:0 0 auto;height:calc((var(--ranking-row-height) * 5) + (var(--ranking-row-gap) * 4));min-height:calc((var(--ranking-row-height) * 5) + (var(--ranking-row-gap) * 4));overflow-y:auto;overscroll-behavior:contain;padding-right:.25rem}.live-ranking-item{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.62rem;min-height:var(--ranking-row-height);height:var(--ranking-row-height);padding:0;border-top:1px solid color-mix(in oklab,var(--border-color) 68%,transparent)}.live-ranking-item:first-child{border-top:0}.live-ranking-rank{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:.76rem;font-weight:900}.live-ranking-player{min-width:0}.live-ranking-name{display:block;overflow:hidden;color:var(--text-main);font-size:.84rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.live-ranking-time{display:block;margin-top:.08rem;color:var(--text-muted);font-size:.72rem;font-weight:600}.live-ranking-score{color:var(--text-main);font-size:1rem;font-weight:900;font-variant-numeric:tabular-nums}.live-ranking-loading,.live-ranking-empty{padding:1rem 0 .6rem;color:var(--text-muted);font-size:.82rem;font-weight:600;line-height:1.35}.live-ranking-note{margin-top:.5rem;color:var(--text-muted);font-size:.72rem;font-weight:600;line-height:1.35}@media (max-width: 1260px) and (min-width: 901px){.live-ranking-panel{--ranking-row-height: 46px;flex:0 0 min(90vw,460px);width:min(90vw,460px);min-height:0}.live-ranking-list{grid-template-columns:1fr;gap:var(--ranking-row-gap)}.live-ranking-item{grid-template-columns:1.8rem minmax(0,1fr) auto;gap:.55rem;min-height:var(--ranking-row-height);height:var(--ranking-row-height);padding:0;border:0;border-top:1px solid color-mix(in oklab,var(--border-color) 68%,transparent);border-radius:0}.live-ranking-item:first-child{border-top:0}.live-ranking-rank,.live-ranking-score,.live-ranking-player{grid-area:auto}}.card{width:420px;height:380px;background:var(--card-bg);border-radius:22px;box-shadow:0 1px #ffffff0a inset,0 0 0 1px rgba(var(--shadow-tint),.1),0 24px 60px -18px rgba(var(--shadow-tint),.45),0 8px 22px -10px #00000059;overflow:hidden;position:relative;z-index:10;transition:opacity .4s ease,transform .4s ease,box-shadow .3s ease}.card:hover{box-shadow:0 1px #ffffff0d inset,0 0 0 1px rgba(var(--shadow-tint),.18),0 30px 70px -18px rgba(var(--shadow-tint),.55),0 10px 28px -10px #0006}.right-panel{position:relative;width:420px;height:380px}.right-panel .card{position:absolute;top:0;left:0}.right-panel.summary-mode{height:auto;min-height:0}.right-panel.summary-mode .summary-card{position:relative;height:auto;min-height:0}.character-card{display:flex;flex-direction:column;justify-content:flex-end}.color-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:0}.card-image-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1}.card-overlay{position:relative;padding:2rem;background:linear-gradient(to top,#000c,#0000);color:#fff;z-index:2}.result-image{opacity:0;z-index:1;transition:opacity .6s ease}.result-image.show{opacity:1}.card.hidden{display:block!important;opacity:0!important;pointer-events:none!important;transform:scale(.95)}.hidden{display:none!important}.control-card{display:flex;flex-direction:column;padding:0;background:#408080}.level-indicator{position:absolute;top:2rem;left:7rem;font-size:.8rem;font-weight:500;color:#ffffffb3;z-index:10}.controls-wrapper{display:flex;gap:0;height:100%;align-items:center}.vertical-slider{width:32px;height:100%;position:relative;cursor:pointer;touch-action:none}.slider-track{width:100%;height:100%;touch-action:none}#hue-track{background:linear-gradient(to bottom,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.sat-slider,.light-slider,.hue-slider{background:transparent;touch-action:none}.slider-thumb{position:absolute;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;background-color:#fff;border-radius:50%;pointer-events:none;z-index:6;box-shadow:0 2px 4px #0000004d}.vertical-slider input[type=range]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:5;-moz-appearance:none;appearance:none;-webkit-appearance:none;writing-mode:vertical-lr;direction:rtl;touch-action:none}.preview-area{flex:1;background-color:#40807f}.action-btn{position:absolute;bottom:2rem;right:2rem;width:64px;height:64px;background:var(--btn-bg);color:var(--btn-color);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #00000026;transition:transform .2s ease,background-color .3s ease,opacity .3s ease;z-index:10}.action-btn.secondary{width:52px;height:52px;opacity:.8}.action-btn.secondary:hover{opacity:1}.action-btn-group{position:absolute;bottom:2rem;right:2rem;display:flex;align-items:flex-end;gap:1rem;z-index:10}.action-btn-group .action-btn{position:static}.share-btn{position:relative;background:linear-gradient(135deg,#818cf8,#f472b6)!important;color:#fff!important}.share-btn:disabled{opacity:.6;cursor:progress}.share-btn-badge{position:absolute;top:-6px;right:-8px;min-width:24px;height:24px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,#ff8a3d,#ff3d6b);box-shadow:0 4px 10px #ff505073,inset 0 0 0 1.5px #ffffff8c;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;pointer-events:none;transform-origin:center;animation:shareBadgeWobble 2.6s ease-in-out infinite}@keyframes shareBadgeWobble{0%,to{transform:scale(1) rotate(0)}35%{transform:scale(1.18) rotate(-10deg)}65%{transform:scale(1.08) rotate(8deg)}}@keyframes shareBtnAttract{0%,to{transform:scale(1);box-shadow:0 6px 18px #818cf859}40%{transform:scale(1.1);box-shadow:0 12px 30px #f472b68c}}.share-btn.share-btn-attract{animation:shareBtnAttract 1.4s ease-in-out 2}.wall-btn{background:linear-gradient(135deg,#22c55e,#06b6d4)!important;color:#fff!important}.modal-card.share-modal-card{width:640px;max-width:min(95vw,640px);max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1.55rem 1.8rem 1.25rem}.share-modal-head{text-align:center;margin-bottom:.4rem}.share-modal-sub{font-size:.88rem;color:var(--text-muted);margin:.3rem 0 0}.share-preview-wrap{position:relative;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:.85rem;margin:.75rem 0 .85rem;display:flex;align-items:center;justify-content:center;max-height:min(58vh,590px);overflow:hidden}.share-preview-img{width:auto;max-width:540px;max-height:min(54vh,560px);object-fit:contain;border-radius:10px;display:block;box-shadow:0 18px 42px #00000073;background:#111827;transition:opacity .2s ease}.share-preview-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-main);font-size:.85rem;font-weight:600;background:#11182799;border-radius:14px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.share-platforms-label{text-align:center;font-size:.92rem;font-weight:600;color:var(--text-muted);margin:.4rem 0 .85rem;letter-spacing:.005em}.share-platforms{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;margin-bottom:.9rem}.share-platform-btn{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.55rem .2rem .4rem;background:transparent;border:none;color:var(--text-main);font-family:Outfit,sans-serif;cursor:pointer;border-radius:12px;transition:transform .15s ease,background .18s ease}.share-platform-btn:hover{background:#ffffff0a;transform:translateY(-2px)}.share-platform-btn:active{transform:translateY(0) scale(.96)}.share-platform-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #0000002e;transition:box-shadow .18s ease}.share-platform-btn:hover .share-platform-icon{box-shadow:0 6px 18px #00000047}.share-platform-icon svg{width:24px;height:24px}.share-platform-btn[data-brand=x] .share-platform-icon{background:#000}.share-platform-btn[data-brand=reddit] .share-platform-icon{background:#ff4500}.share-platform-btn[data-brand=whatsapp] .share-platform-icon{background:#25d366}.share-platform-btn[data-brand=telegram] .share-platform-icon{background:linear-gradient(180deg,#37aee2,#1e96c8)}.share-platform-btn[data-brand=more] .share-platform-icon{background:#94a3b838;color:var(--text-main);box-shadow:inset 0 0 0 1px #94a3b859}.share-platform-label{font-size:.74rem;font-weight:600;color:var(--text-muted);letter-spacing:.01em}.share-copy-row{display:flex;gap:.5rem;justify-content:center;margin:.2rem 0 0}.share-copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem 1.1rem;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:transparent;color:var(--text-muted);font-family:Outfit,sans-serif;font-size:.78rem;font-weight:600;cursor:pointer;transition:transform .15s ease,background .2s ease,border-color .2s ease,color .2s ease}.share-copy-btn svg{width:14px;height:14px}.share-copy-btn:hover{background:#94a3b814;border-color:#94a3b859;color:var(--text-main)}.share-copy-btn:active{transform:scale(.98)}.share-actions{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:center}.share-action-btn{flex:1 1 110px;min-width:110px;padding:.7rem .8rem;border-radius:10px;border:1px solid rgba(129,140,248,.3);background:#818cf814;color:var(--text-main);font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .15s ease,background .2s ease}.share-action-btn:hover{background:#818cf82e;transform:translateY(-1px)}.share-action-btn.primary{background:linear-gradient(135deg,#818cf8,#f472b6);border-color:transparent;color:#fff}.share-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.share-feedback{margin-top:.8rem;font-size:.8rem;color:#818cf8;min-height:1em}@media (max-width: 640px){.modal-card.share-modal-card{width:100%;max-width:96vw;max-height:calc(100vh - 1rem);padding:1.4rem .9rem 1.1rem}.share-modal-sub{font-size:.8rem}.share-preview-wrap{padding:.55rem;margin:.7rem 0 1rem;max-height:none;overflow:visible}.share-preview-img{width:100%;max-width:100%;max-height:none}.share-actions{gap:.4rem}.share-action-btn{flex:1 1 calc(33% - .3rem);min-width:0;font-size:.82rem;padding:.65rem .5rem}.share-platforms{gap:.25rem}.share-platform-btn{padding:.5rem .1rem .35rem}.share-platform-icon{width:46px;height:46px}.share-platform-icon svg{width:21px;height:21px}.share-platform-label{font-size:.68rem}}@media (max-width: 360px){.share-platform-icon{width:42px;height:42px}.share-platform-icon svg{width:19px;height:19px}.share-platform-label{font-size:.64rem}}.share-feedback.error{color:#ef4444}.modal-card.wall-modal-card{width:460px;max-width:min(94vw,460px);max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2rem 1.8rem 1.6rem}.wall-form{margin-top:1rem;display:grid;gap:.85rem;text-align:left}.wall-field{display:grid;gap:.4rem;color:var(--text-main);font-size:.86rem;font-weight:700}.wall-field em{color:var(--text-muted);font-style:normal;font-weight:500;font-size:.76rem}.wall-input,.wall-textarea{width:100%;border:1px solid rgba(129,140,248,.28);border-radius:10px;background:#818cf814;color:var(--text-main);font-family:Outfit,sans-serif;font-size:.95rem;outline:none;transition:border-color .2s ease,background .2s ease}.wall-input{height:44px;padding:0 .85rem}.wall-textarea{resize:vertical;min-height:88px;padding:.75rem .85rem;line-height:1.4}.wall-input:focus,.wall-textarea:focus{border-color:#22c55ea6;background:#22c55e17}.wall-submit-row{display:flex;align-items:center;gap:.75rem;margin-top:.2rem}.wall-score-pill{flex:0 0 auto;border:1px solid rgba(34,197,94,.32);border-radius:999px;padding:.48rem .72rem;color:var(--text-main);background:#22c55e1a;font-size:.82rem;font-weight:800}.wall-submit-btn{flex:1 1 auto;min-height:44px}@media (max-width: 640px){.modal-card.wall-modal-card{width:100%;max-width:100%;padding:1.45rem 1rem 1.15rem}.wall-submit-row{flex-direction:column;align-items:stretch}.wall-score-pill{text-align:center}.wall-input,.wall-textarea{font-size:16px}}.action-btn:hover{transform:scale(1.08)}.action-btn:active{transform:scale(.96)}.hint-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;pointer-events:none;z-index:4;opacity:0;transition:opacity .4s ease;-webkit-mask-image:linear-gradient(to bottom,black 0%,black var(--hole-start, 0%),transparent var(--hole-start, 0%),transparent var(--hole-end, 100%),black var(--hole-end, 100%),black 100%);mask-image:linear-gradient(to bottom,black 0%,black var(--hole-start, 0%),transparent var(--hole-start, 0%),transparent var(--hole-end, 100%),black var(--hole-end, 100%),black 100%)}.hint-overlay.show{opacity:1}.result-card{display:flex;flex-direction:column}.result-card>.level-indicator{top:1rem;left:50%;transform:translate(-50%);padding:.18rem .48rem;border-radius:999px;background:#ffffff2e;color:#ffffffd1;font-size:.74rem;font-weight:800;line-height:1;pointer-events:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.result-top,.result-bottom{height:50%;padding:2.5rem;display:flex;justify-content:space-between;align-items:center}.result-top{background:#7a461b;color:#fff}.result-bottom{background:#b67751;color:#fff}.selection-label{font-size:.75rem;font-weight:500;opacity:.7;text-transform:uppercase;margin-bottom:.4rem}.selection-values{font-size:.85rem;font-weight:600}.result-score-box{text-align:right}.result-score-box h2{font-size:4rem;font-weight:700;line-height:1}.result-score-box p{font-size:.9rem;font-weight:500;margin-top:.2rem}.summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%;height:100%}.summary-item{position:relative;border-radius:6px;overflow:hidden;background:#000}.summary-item img{width:100%;height:100%;object-fit:cover;display:block}.summary-color-swatch{width:100%;height:100%;border-radius:6px}.summary-score{position:absolute;bottom:4px;right:4px;font-size:.7rem;font-weight:700;color:#fff;background:#000000b3;padding:2px 6px;border-radius:4px}@media (max-width: 900px){main{--mobile-content-width: min( calc(100vw - 2rem) , 360px)}.game-container{flex-direction:column;align-items:center;gap:.85rem;width:100%}.card,.right-panel{width:var(--mobile-content-width);height:280px;height:clamp(235px,34dvh,320px)}.live-ranking-panel{--ranking-row-height: 46px;order:3;width:var(--mobile-content-width);height:auto;align-self:center;margin-left:auto;margin-right:auto;padding:.95rem}.live-ranking-head{margin-bottom:.62rem}.live-ranking-list{gap:var(--ranking-row-gap);max-height:none;flex:0 1 auto}.live-ranking-item{min-height:var(--ranking-row-height);height:var(--ranking-row-height);grid-template-columns:1.65rem minmax(0,1fr) auto;gap:.55rem;padding:0}.live-ranking-rank{width:1.45rem;height:1.45rem;font-size:.7rem}.live-ranking-name{font-size:.8rem}.live-ranking-time,.live-ranking-note{font-size:.68rem}.live-ranking-countdown{margin-bottom:.55rem;padding:.3rem .5rem;font-size:.66rem}.live-ranking-countdown-value{font-size:.74rem}.live-ranking-score{font-size:.92rem}.right-panel.summary-mode .summary-card{grid-template-rows:auto auto auto}.question-header{position:sticky;top:0;z-index:30;width:var(--mobile-content-width);margin:0 auto .8rem;padding:.45rem .75rem .55rem;border-radius:0 0 16px 16px;background:color-mix(in oklab,var(--bg-page) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 24px -18px #00000073}.card.character-card{aspect-ratio:1 / 1;height:auto}main{justify-content:flex-start;padding:max(.4rem,env(safe-area-inset-top)) 1rem 1rem}.question-header p{font-size:.78rem;line-height:1.1}.question-header h2{max-width:17.5rem;margin-left:auto;margin-right:auto;font-size:clamp(.92rem,3.7vw,1.04rem);line-height:1.15;margin-top:.18rem}.result-top,.result-bottom{padding:1.4rem}.result-score-box h2{font-size:3.2rem}}@media (min-width: 700px) and (max-width: 900px){.game-container{flex-direction:row;align-items:center;gap:1.4rem}.card,.right-panel{width:min(43vw,340px);height:clamp(260px,34vw,320px)}.question-header{position:static;width:min(100%,760px);margin-bottom:1.25rem;padding:0 1rem;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.question-header p{font-size:.95rem}.question-header h2{font-size:clamp(1.35rem,3.2vw,1.8rem);line-height:1.2}.live-ranking-panel{flex:0 0 min(90vw,460px);width:min(90vw,460px);align-self:center;margin-left:auto;margin-right:auto;margin-top:.4rem}}@media (max-width: 480px){.card,.right-panel{height:260px;height:clamp(220px,32dvh,280px)}.result-top,.result-bottom{padding:1.2rem}.result-score-box h2{font-size:3rem}}footer{text-align:center;padding:1.5rem;font-size:.9rem;color:var(--text-muted)}footer a{color:var(--text-muted);text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;transition:color .2s ease}footer a:hover{color:var(--text-main)}.seo-faq{width:100%;padding:3rem 2rem 1rem}.seo-faq-inner{width:min(860px,100%);margin:0 auto}.seo-eyebrow{background:linear-gradient(92deg,#ec4899,#818cf8,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.45rem}.seo-faq h2{font-size:1.7rem;line-height:1.2;margin-bottom:1.2rem;font-weight:700}.faq-list{display:grid;gap:.6rem}.faq-list details{border:1px solid var(--border-color);background:color-mix(in oklab,var(--card-bg) 85%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;padding:.95rem 1.1rem;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.faq-list details:hover{border-color:rgba(var(--shadow-tint),.35);box-shadow:0 6px 20px -6px rgba(var(--shadow-tint),.35)}.faq-list details[open]{border-color:rgba(var(--shadow-tint),.4);background:color-mix(in oklab,var(--card-bg) 92%,transparent)}.faq-list summary{cursor:pointer;color:var(--text-main);font-weight:700;list-style-position:outside}.faq-list summary::marker{color:#818cf8}.faq-list p{color:var(--text-muted);font-size:.92rem;line-height:1.6;margin-top:.75rem}.summary-card{display:grid;grid-template-rows:128px auto auto;padding:0;overflow:hidden}.summary-header{min-height:0;padding:2rem 2rem 1.45rem;display:flex;justify-content:space-between;align-items:center;background:var(--card-bg)}.summary-score-box{text-align:left}.summary-score-box h2{font-size:4rem;font-weight:700;line-height:1}.summary-score-box p{color:var(--text-main);font-size:.88rem;font-weight:700;margin-top:.25rem}#summary-grid-container{background:#111827;padding:1rem 1.75rem .75rem;min-height:0}@media (max-width: 900px){.summary-card{grid-template-rows:88px auto 1fr}.summary-header{padding:1rem 1.15rem .75rem}.summary-score-box h2{font-size:3rem}.summary-score-box p{font-size:.78rem;margin-top:.1rem}#summary-grid-container{padding:.65rem 1rem .55rem}}.summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.65rem}.summary-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden}.summary-item img{width:100%;height:100%;object-fit:cover}.summary-score{position:absolute;bottom:.4rem;right:.4rem;background:#000000b3;color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .4rem;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width: 900px){.summary-grid{gap:.45rem}.summary-item{border-radius:7px}.summary-score{bottom:.25rem;right:.25rem;font-size:.62rem;padding:.12rem .32rem}}footer{padding:2rem 4rem;position:relative;border-top:none}footer:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(56,189,248,.35) 20%,rgba(129,140,248,.45) 50%,rgba(244,114,182,.35) 80%,transparent 100%);opacity:.6;pointer-events:none}.footer-container{width:100%;display:flex;justify-content:center;align-items:center}.footer-brand{display:inline-flex;align-items:center;gap:.6rem;font-size:.82rem;color:var(--text-muted);margin:0}.footer-brand a{color:var(--text-muted);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.footer-brand a:hover{color:var(--text-main);border-bottom-color:#818cf880}.footer-mark{width:22px;height:22px;display:block;flex-shrink:0}@media (max-width: 1024px){footer{padding:1.4rem 1.5rem}}.top-banner{width:100%;background:linear-gradient(90deg,#facc151a,#f472b614,#818cf81a);border-bottom:1px solid rgba(250,204,21,.22);padding:.7rem 2rem;overflow:hidden;animation:bannerFadeIn .5s ease-out}@keyframes bannerFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.top-banner-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:1rem;transition:opacity .35s ease}.top-banner.fading .top-banner-inner{opacity:0}.top-banner-mark{flex-shrink:0;font-size:.7rem;font-weight:800;letter-spacing:.1em;color:#fde047;background:#facc1521;padding:5px 11px;border-radius:999px;border:1px solid rgba(250,204,21,.35);text-shadow:0 1px 2px rgba(0,0,0,.3)}.top-banner-mark.new-post{color:#67e8f9;background:#06b6d421;border-color:#06b6d459}.top-banner-mark.high-score{color:#fde047;background:#facc1521;border-color:#facc1559}.top-banner-quote{flex:1;font-size:.95rem;color:var(--text-main);margin:0;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-banner-quote:before{content:'"';opacity:.7;margin-right:2px}.top-banner-quote:after{content:'"';opacity:.7;margin-left:2px}.top-banner-meta{flex-shrink:0;font-size:.78rem;color:var(--text-muted);font-weight:600;letter-spacing:.02em}.top-banner-score{color:var(--score-low);font-weight:700}.top-banner-score.high{color:var(--score-high)}@media (max-width: 768px){.top-banner{padding:.55rem 1rem}.top-banner-inner{flex-wrap:wrap;column-gap:.6rem;row-gap:.3rem}.top-banner-mark{order:1;padding:4px 8px;font-size:.64rem;letter-spacing:.06em}.top-banner-meta{order:2;flex:1 1 0;margin-left:auto;font-size:.72rem;min-width:0;max-width:52%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.top-banner-quote{order:3;flex:1 0 100%;font-size:.82rem;line-height:1.35;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}}@media (max-width: 1024px){header{padding:1rem 1.2rem}.header-announcement{width:min(46vw,430px)}.nav-links{display:none}.header-right{gap:1rem}}@media (max-width: 760px){.header-announcement{display:none}header{gap:.75rem;padding:.85rem .9rem}.logo-link{gap:.5rem}header h1{font-size:1rem}.header-actions{gap:.65rem}.language-select{width:68px;min-width:68px;height:30px;padding:0 .45rem 0 1.55rem;font-size:.72rem}.language-globe{left:.5rem;width:12px;height:12px}.icon-btn{width:28px;height:28px;flex:0 0 28px}}.summary-char-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,black 55%,transparent 100%);mask-image:linear-gradient(to bottom,black 55%,transparent 100%);z-index:2}.summary-score{z-index:3}.summary-tooltip{position:fixed;z-index:9999;pointer-events:none;background:#0f0f14f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.65rem .85rem;min-width:160px;color:#f9fafb;font-family:Outfit,sans-serif;font-size:.78rem;opacity:0;transition:opacity .15s ease;box-shadow:0 8px 24px #0006}.summary-tooltip.visible{opacity:1}.stt-header{display:flex;flex-direction:column;margin-bottom:.5rem}.stt-name{font-weight:700;font-size:.85rem}.stt-part{font-size:.72rem;color:#ffffff80;margin-top:.1rem}.stt-colors{display:flex;align-items:center;gap:.4rem;margin-bottom:.45rem}.stt-swatch{width:14px;height:14px;border-radius:3px;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}.stt-swatch-guess{margin-left:.3rem;opacity:.75}.stt-hex{font-size:.72rem;font-family:monospace;letter-spacing:.03em}.stt-muted{color:#ffffff73}.stt-score{font-size:.78rem;color:#fff9;border-top:1px solid rgba(255,255,255,.08);padding-top:.4rem}.stt-score strong{color:#818cf8;font-weight:700}.summary-footer{background:#111827;padding:.75rem 1.75rem 1.3rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(92px,112px);grid-template-areas:"standings graph" "actions actions" "tip tip";align-items:center;gap:.8rem 1rem;min-height:0}.summary-footer .action-btn{position:static;width:52px;height:52px;flex:0 0 52px}.summary-footer .share-btn{position:relative;bottom:auto;right:auto;width:60px;height:60px;flex:0 0 60px}.summary-footer .share-btn svg{width:26px;height:26px}.summary-footer .action-btn svg{width:22px;height:22px}.summary-footer .action-btn-group{grid-area:actions;position:static;bottom:auto;right:auto;justify-self:end;gap:.7rem}.tip-link{grid-area:tip;display:flex;align-items:center;justify-content:center;gap:.5rem;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.08);text-decoration:none;font-size:.82rem;color:#ffffff73;transition:color .2s}.tip-link:hover{color:#ffffffd9}.tip-cta{color:#ffe71c;font-weight:600;transition:text-decoration .15s}.tip-link:hover .tip-cta{text-decoration:underline}@media (max-width: 600px){.tip-link{flex-direction:column;gap:.25rem;padding-top:.6rem;text-align:center}}.standings-box{grid-area:standings;display:flex;flex-direction:column;gap:.3rem;min-width:0}.standings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.75rem;white-space:nowrap;width:100%;min-width:160px}.standings-label{color:#fff6;font-weight:500;flex:1}.standings-badge{background:#818cf840;color:#818cf8;border-radius:4px;padding:2px 8px;font-weight:700;font-size:.7rem;flex-shrink:0}.standings-score{color:#fff;font-weight:700;text-align:right;min-width:32px}.standings-user{color:#818cf8;font-weight:600;text-align:right;min-width:50px}.standings-muted{color:#fff3}#graph-path{stroke:#ffffff1a;stroke-width:1.5}.graph-dot-sample{fill:#fff3}.standings-user-hover{cursor:pointer;border-bottom:1px dashed rgba(129,140,248,.35);padding-bottom:1px;transition:color .15s,border-color .15s}.standings-user-hover:hover{color:#a5b4fc;border-color:#818cf8b3}.standings-pct-wrap{display:flex;align-items:center;gap:.5rem}.standings-pct-bar{width:32px;height:6px;background:#ffffff14;border-radius:4px;overflow:hidden}.standings-pct-fill{height:100%;border-radius:4px;transition:width 1s cubic-bezier(.16,1,.3,1),background .3s ease}.standings-pct-red{background:linear-gradient(90deg,#ef4444,#f87171)}.standings-pct-yellow{background:linear-gradient(90deg,#eab308,#fde047)}.standings-pct-accent{background:linear-gradient(90deg,#818cf8,#a78bfa)}.standings-pct-green{background:linear-gradient(90deg,#22c55e,#4ade80)}.stt-mini-grid{display:flex;gap:.5rem;margin-top:.5rem;padding:.2rem 0}.stt-mini-item{display:flex;flex-direction:column;align-items:center;gap:.3rem}.stt-mini-swatch{width:32px;height:32px;border-radius:6px;border:1px solid rgba(255,255,255,.15);position:relative;overflow:hidden}.stt-mini-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%);mask-image:linear-gradient(to bottom,black 50%,transparent 100%);z-index:1}.stt-mini-score{font-size:.65rem;font-weight:700;color:#ffffffd9;font-family:monospace}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto;overscroll-behavior:contain;z-index:10000;animation:fadeInModal .25s ease}.modal-overlay.hidden{display:none!important}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--card-bg);border-radius:20px;padding:2.5rem 2rem;width:320px;text-align:center;box-shadow:0 24px 60px #0006;position:relative;animation:slideUpModal .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUpModal{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.1rem;color:var(--text-muted);cursor:pointer;width:40px;height:40px;padding:0;border-radius:4px;transition:color .2s}@media (max-width: 640px){.modal-overlay{align-items:flex-start;padding:max(.75rem,env(safe-area-inset-top)) .75rem max(.75rem,env(safe-area-inset-bottom))}.modal-card{max-width:100%;border-radius:16px}.modal-close{top:.5rem;right:.5rem;width:44px;height:44px}}.modal-close:hover{color:var(--text-main)}.modal-icon{font-size:2.8rem;margin-bottom:.6rem}.modal-title{font-size:1.4rem;font-weight:700;margin-bottom:.4rem}.modal-subtitle{font-size:.85rem;color:var(--text-muted);margin-bottom:1.2rem;line-height:1.5}.modal-score{font-size:3.2rem;font-weight:700;color:#818cf8;line-height:1;margin-bottom:1.4rem}.modal-form{display:flex;gap:.5rem;justify-content:center}.modal-form input{background:#818cf812;border:1px solid rgba(129,140,248,.25);border-radius:8px;padding:.5rem .8rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;color:var(--text-main);width:130px;text-align:center;letter-spacing:.08em;text-transform:uppercase;outline:none;transition:border-color .2s}.modal-form input:focus{border-color:#818cf88c}.modal-form button{background:#818cf8;color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;cursor:pointer;transition:transform .15s,background .2s}.modal-form button:hover{transform:scale(1.04)}.modal-form button:disabled{opacity:.5;cursor:not-allowed;transform:none}.summary-graph-wrap{grid-area:graph;width:100%;min-width:0;height:52px;margin:0;opacity:.8;display:flex;align-items:center}#score-graph{width:100%;height:100%;overflow:visible}#graph-path{stroke:#818cf84d;stroke-width:1.5}.graph-grid{stroke:#ffffff0d;stroke-width:.5;stroke-dasharray:1 1}.graph-axis{stroke:#ffffff1a;stroke-width:1}.graph-dot-sample{fill:#ffffff26}.dot-user,.dot-daily,.dot-alltime{cursor:pointer;transition:r .15s ease}.dot-user:hover,.dot-daily:hover,.dot-alltime:hover{r:4}.dot-user{fill:#818cf8;filter:drop-shadow(0 0 4px rgba(129,140,248,.5))}.dot-daily{fill:#ffc516;opacity:.8}.dot-alltime{fill:#4ade80;opacity:.8}@media (max-width: 600px){.summary-graph-wrap{display:none}}.hero-tagline{text-align:center;color:var(--text-muted);font-size:.92rem;margin:.6rem auto 0;max-width:540px;padding:0 1rem;line-height:1.5;letter-spacing:.005em;font-weight:400}.hero-update-pill{display:inline-flex;align-items:center;margin-left:.45rem;padding:.18rem .55rem;border-radius:999px;background:#facc1524;color:#d97706;font-size:.78rem;font-weight:800;line-height:1.2;white-space:nowrap}[data-theme=dark] .hero-update-pill{color:#facc15}.home-internal-links{max-width:760px;margin:0 auto;padding:1.25rem 1rem 0}.home-internal-links ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem 1.4rem}.home-internal-links li{margin:0}.home-internal-links a{color:var(--text-muted);font-size:.88rem;text-decoration:none;transition:color .15s ease}.home-internal-links a:hover{color:var(--accent)}.open-finances-strip{width:min(900px,calc(100% - 2rem));margin:1.5rem auto 0;padding:1rem 1.3rem;border:1px solid color-mix(in oklab,var(--accent) 18%,var(--border-color));border-radius:16px;background:color-mix(in oklab,var(--card-bg) 94%,transparent);box-shadow:0 10px 32px -26px #0f172a38;display:flex;flex-wrap:wrap;align-items:center;gap:.85rem 1.6rem}.open-finances-intro{flex:0 1 auto;min-width:0;display:flex;flex-direction:column;gap:.2rem}.open-finances-greeting{margin:0;color:var(--text-main);font-size:.96rem;font-weight:700;line-height:1.25}.open-finances-wave{display:inline-block;margin-left:.2rem}.open-finances-tagline{margin:0;color:var(--text-muted);font-size:.78rem;line-height:1.4}.open-finances-stats{flex:1 1 auto;min-width:0;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:stretch;gap:0;border-left:1px solid color-mix(in oklab,var(--accent) 16%,var(--border-color))}.open-finances-stat{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.18rem;padding:.1rem 1.05rem;border-right:1px solid color-mix(in oklab,var(--accent) 16%,var(--border-color))}.open-finances-stat:last-child{border-right:0;padding-right:0}.open-finances-stat-label{margin:0;color:var(--text-muted);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.open-finances-stat-value{margin:0;display:inline-flex;align-items:baseline;gap:.3rem;color:var(--text-main);font-size:.96rem;line-height:1.15;white-space:nowrap}.open-finances-stat-value strong{font-weight:800;font-variant-numeric:tabular-nums}.open-finances-stat-value strong.is-negative{color:#b91c1c}.open-finances-stat-value strong.is-positive{color:#15803d}[data-theme=dark] .open-finances-stat-value strong.is-negative{color:#f87171}[data-theme=dark] .open-finances-stat-value strong.is-positive{color:#4ade80}.open-finances-stat-value small{color:var(--text-muted);font-size:.76em;font-weight:600}.open-finances-link{flex:0 0 auto;margin-left:auto;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .95rem;border-radius:999px;color:var(--accent);font-size:.84rem;font-weight:700;text-decoration:none;background:color-mix(in oklab,var(--accent) 10%,transparent);white-space:nowrap;transition:background-color .15s ease,transform .15s ease}.open-finances-link:hover{text-decoration:none;background:color-mix(in oklab,var(--accent) 18%,transparent)}.open-finances-link-arrow{display:inline-block;transition:transform .15s ease}.open-finances-link:hover .open-finances-link-arrow{transform:translate(2px)}@media (max-width: 600px){.hero-tagline{font-size:.85rem;margin-top:.35rem}.hero-update-pill{display:flex;width:fit-content;margin:.45rem auto 0}.home-internal-links{padding:1rem .75rem 0}.home-internal-links ul{gap:.45rem 1rem}.home-internal-links a{font-size:.82rem}.open-finances-strip{width:calc(100% - 1.5rem);margin-top:1rem;padding:.95rem 1rem;gap:.65rem}.open-finances-intro{flex:1 0 100%}.open-finances-stats{flex:1 0 100%;flex-direction:column;align-items:stretch;gap:0;border-left:0;border-top:1px solid color-mix(in oklab,var(--accent) 14%,var(--border-color));padding-top:.25rem}.open-finances-stat{flex-direction:row;align-items:baseline;justify-content:space-between;width:100%;padding:.55rem 0;gap:.6rem;border-right:0;border-bottom:1px dashed color-mix(in oklab,var(--accent) 16%,var(--border-color))}.open-finances-stat:last-child{border-bottom:0;padding-right:0}.open-finances-stat-value{text-align:right;font-size:1rem}.open-finances-link{flex:0 0 auto;margin-left:auto;margin-top:.1rem;padding:.5rem .9rem}.summary-footer{padding:.7rem 1rem 1rem;grid-template-columns:1fr;grid-template-areas:"standings" "actions" "tip";gap:.75rem}.summary-footer .action-btn-group{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;justify-self:stretch}.summary-footer .action-btn{width:48px;height:48px;justify-self:center}.summary-footer .share-btn{position:relative;bottom:auto;right:auto;width:56px;height:56px}.summary-footer .share-btn svg{width:24px;height:24px}.summary-footer .action-btn svg{width:20px;height:20px}.share-btn-badge{min-width:22px;height:22px;font-size:12px;top:-5px;right:-7px}}.ad-slot{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.5rem 1rem;margin:0 auto}.ad-slot__label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);opacity:.55}.ad-slot__frame{display:block;border:0;background:transparent;max-width:100%}.ad-slot__frames{display:flex;justify-content:center;width:100%}@media (max-width: 600px){.ad-slot{padding:1rem}}