:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Chakra Petch", "Outfit", sans-serif;--font-pixel: "Press Start 2P", monospace;--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .15s ease;--jrpg-gold: #f59e0b;--jrpg-gold-light: #fbbf24;--jrpg-gold-glow: rgba(245, 158, 11, .4);--jrpg-hp-green: #10b981;--jrpg-hp-glow: rgba(16, 185, 129, .4);--jrpg-mp-purple: #a855f7;--jrpg-mp-glow: rgba(168, 85, 247, .4);--jrpg-spd-red: #ef4444;--accent-red: #ef4444;--accent-red-glow: rgba(239, 68, 68, .65);--accent-red-glow-strong: rgba(239, 68, 68, .85);--accent-red-glow-subtle: rgba(239, 68, 68, .35);--accent-red-bg: rgba(239, 68, 68, .12);--accent-red-bg-subtle: rgba(239, 68, 68, .16);--accent-red-border: rgba(239, 68, 68, .35);--accent-red-border-strong: rgba(239, 68, 68, .6);--accent-red-border-current: #ef4444;--accent-red-ping: rgba(239, 68, 68, .4);--accent-red-ambient: rgba(239, 68, 68, .22);--accent-red-ambient-current: rgba(239, 68, 68, .28)}html[data-theme=dark]{--bg-gradient-start: #0a0814;--bg-gradient-end: #180d24;--bg-dots: rgba(255, 255, 255, .03);--card-bg: linear-gradient(180deg, rgba(24, 15, 42, .92) 0%, rgba(13, 8, 26, .96) 100%);--card-border: #443266;--card-border-hover: #ef4444;--card-shadow: 0 8px 32px 0 rgba(0, 0, 0, .65), inset 0 1px 0 rgba(255, 255, 255, .12);--card-shadow-hover: 0 16px 40px 0 rgba(239, 68, 68, .25), inset 0 1px 0 rgba(255, 255, 255, .2);--pixel-window-bg: linear-gradient(180deg, #1b1035 0%, #0d071d 100%);--pixel-border-outer: #ffffff;--pixel-border-inner: #4a336e;--pixel-shadow: 4px 4px 0px #000000;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--badge-text: #fbbf24;--badge-bg: rgba(245, 158, 11, .16);--badge-border: #f59e0b;--role-color: #fbbf24;--dialogue-bg: rgba(9, 6, 16, .7);--dialogue-border: #4a346e;--dialogue-text: #e2e8f0;--tag-bg: rgba(0, 0, 0, .45);--tag-border: #443266;--tag-text: #cbd5e1;--accent: var(--accent-red);--accent-contrast: #ffffff;--accent-glow: var(--accent-red-glow-subtle);--btn-bg: rgba(255, 255, 255, .06);--btn-border: #443266;--btn-hover-bg: rgba(239, 68, 68, .18);--play-bg: rgba(255, 255, 255, .92);--play-color: #0a0814}html[data-theme=light]{--bg-gradient-start: #f8f4ed;--bg-gradient-end: #e5ded0;--bg-dots: rgba(0, 0, 0, .03);--card-bg: linear-gradient(180deg, #ffffff 0%, #faf6ef 100%);--card-border: #d4c5b0;--card-border-hover: #b91c1c;--card-shadow: 0 8px 24px 0 rgba(60, 45, 30, .08), inset 0 1px 0 rgba(255, 255, 255, .9);--card-shadow-hover: 0 16px 36px 0 rgba(185, 28, 28, .15), inset 0 1px 0 rgba(255, 255, 255, 1);--pixel-window-bg: linear-gradient(180deg, #ffffff 0%, #faf6ef 100%);--pixel-border-outer: #1e1b18;--pixel-border-inner: #c2b097;--pixel-shadow: 4px 4px 0px #8b7966;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--badge-text: #9a3412;--badge-bg: #ffedd5;--badge-border: #ea580c;--role-color: #b91c1c;--dialogue-bg: #f8fafc;--dialogue-border: #cbd5e1;--dialogue-text: #0f172a;--tag-bg: #f1f5f9;--tag-border: #cbd5e1;--tag-text: #334155;--accent: #dc2626;--accent-contrast: #ffffff;--accent-glow: rgba(220, 38, 38, .2);--btn-bg: rgba(0, 0, 0, .04);--btn-border: #d4c5b0;--btn-hover-bg: rgba(220, 38, 38, .1);--play-bg: #0f172a;--play-color: #ffffff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;width:100%;max-width:100%}body{font-family:var(--font-sans);background-color:var(--bg-gradient-start);color:var(--text-primary);min-height:100vh;width:100%;margin:0;padding:0;overflow-x:hidden;position:relative;transition:background-color .5s ease,color .5s ease;image-rendering:pixelated}#app{width:100%;max-width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;position:relative}.background-radial{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-2;background:radial-gradient(circle at 50% 10%,var(--bg-gradient-end) 0%,var(--bg-gradient-start) 85%);transition:var(--transition-smooth)}.background-grain{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:.18;pointer-events:none;background-image:radial-gradient(var(--bg-dots) 1px,transparent 1px);background-size:16px 16px}.app-container{width:100%;max-width:680px;min-width:0;margin:0 auto;padding:2rem 1.25rem;display:flex;flex-direction:column;gap:1.75rem;z-index:1}.main-content{display:flex;flex-direction:column;gap:1.75rem;width:100%;max-width:100%;min-width:0}.pixel-window,.glass-card{background:var(--card-bg);border:2px solid var(--pixel-border-outer);box-shadow:0 0 0 2px var(--pixel-border-inner),var(--pixel-shadow);border-radius:8px;position:relative;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.pixel-window:hover,.glass-card:hover{border-color:var(--accent-red);box-shadow:0 0 0 2px var(--accent-red-border-strong),var(--pixel-shadow)}.pixel-btn{font-family:var(--font-pixel);font-size:.65rem;letter-spacing:.05em;padding:.5rem .85rem;background:var(--btn-bg);color:var(--text-primary);border:2px solid var(--pixel-border-outer);box-shadow:0 0 0 1px var(--pixel-border-inner),2px 2px #000;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:var(--transition-fast)}.pixel-btn:hover{background:var(--btn-hover-bg);border-color:var(--accent-red);transform:translate(-1px,-1px);box-shadow:0 0 0 1px var(--accent-red),3px 3px #000}.pixel-btn:active{transform:translate(1px,1px);box-shadow:0 0 0 1px var(--accent-red),1px 1px #000}.app-footer{text-align:center;padding:2rem 0;font-family:var(--font-pixel);font-size:.62rem;color:var(--text-muted);letter-spacing:.08em;line-height:1.8}@media (max-width: 600px){.app-container{padding:1.25rem .85rem;gap:1.25rem}}@media (max-width: 380px){.app-container{padding:1rem .65rem}}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:.5rem .25rem;width:100%}.branding{display:flex;align-items:center;gap:.5rem}.brand-crest{font-size:1.25rem;display:inline-block}.brand-text{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:.05em;color:var(--badge-text)}.top-bar-actions{display:flex;align-items:center;gap:.45rem}.bgm-toggle-btn,.sfx-toggle-btn,.theme-toggle-btn{font-family:var(--font-display);font-size:.75rem;font-weight:600;padding:.45rem .65rem;display:inline-flex;align-items:center;gap:.35rem;letter-spacing:.04em;white-space:nowrap}.bgm-toggle-btn.is-active{border-color:var(--jrpg-gold);color:var(--jrpg-gold);box-shadow:0 0 0 1px var(--jrpg-gold),2px 2px #0006}.sfx-toggle-btn.is-active{border-color:var(--jrpg-hp-green);color:var(--jrpg-hp-green);box-shadow:0 0 0 1px var(--jrpg-hp-green),2px 2px #0006}.bgm-icon,.sfx-icon,.theme-icon{font-size:.85rem;line-height:1}@media (max-width: 600px){.top-bar{padding:.25rem 0}.brand-text{font-size:1.05rem}.bgm-label,.sfx-label,.theme-label{display:none}.bgm-toggle-btn,.sfx-toggle-btn,.theme-toggle-btn{width:36px;height:36px;padding:0;justify-content:center;border-radius:6px}.bgm-icon,.sfx-icon,.theme-icon{font-size:1.05rem}}.profile-card{display:flex;flex-direction:column;align-items:center;padding:2.25rem 2rem;text-align:center;height:fit-content;width:100%;position:relative;overflow:visible}.rpg-header-banner{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px dashed var(--pixel-border-inner);gap:.5rem;flex-wrap:wrap}.rpg-badge-hero{font-family:var(--font-pixel);font-size:.65rem;background:var(--jrpg-gold);color:#000;padding:.25rem .55rem;border-radius:2px;box-shadow:2px 2px #000;letter-spacing:.05em}.rpg-class-title{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--role-color);letter-spacing:.02em}.profile-avatar-wrapper{position:relative;margin-bottom:1.25rem;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.profile-avatar.pixel-avatar-frame{width:96px;height:96px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:3px solid var(--jrpg-gold);box-shadow:0 0 0 2px #000,0 0 16px var(--jrpg-gold-glow);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;background:#000}.profile-avatar-wrapper:hover .pixel-avatar-frame{transform:scale(1.05);box-shadow:0 0 0 2px #000,0 0 24px var(--jrpg-gold)}.profile-avatar img{width:100%;height:100%;object-fit:cover;image-rendering:auto}.heal-popup{position:absolute;top:-12px;font-family:var(--font-pixel);font-size:.85rem;color:#34d399;text-shadow:0 0 6px #059669,2px 2px 0 #000;pointer-events:none;font-weight:700;z-index:10}.profile-title{font-family:var(--font-display);font-size:2.2rem;font-weight:700;letter-spacing:.01em;color:var(--text-primary);margin-bottom:.25rem}.profile-handle{font-family:var(--font-sans);font-size:.92rem;color:var(--text-muted);font-weight:500;margin-bottom:1.5rem;letter-spacing:.01em}.rpg-stat-sheet{width:100%;max-width:480px;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.75rem;padding:1rem 1.15rem;background:var(--tag-bg);border:1px solid var(--tag-border);border-radius:6px;box-shadow:inset 0 1px 3px #0003}.stat-row{display:flex;flex-direction:column;gap:.3rem}.stat-meta{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.02em}.stat-name.hp-name{color:var(--jrpg-hp-green)}.stat-name.mp-name{color:var(--jrpg-mp-purple)}.stat-name.spd-name{color:var(--jrpg-spd-red)}.stat-numbers{color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums}.stat-numbers.is-max{color:var(--jrpg-gold-light);animation:pulseGold 1.2s infinite alternate}.stat-numbers.spd-number{color:var(--accent-red);letter-spacing:.06em}.stat-track{width:100%;height:10px;background:#00000040;border:1px solid var(--pixel-border-inner);border-radius:2px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #00000080}.stat-fill{height:100%;transition:width .3s ease;position:relative}.stat-fill.hp-fill{background:linear-gradient(90deg,#059669,#10b981);box-shadow:0 0 8px var(--jrpg-hp-glow)}.stat-fill.mp-fill{background:linear-gradient(90deg,#7c3aed,#a855f7);box-shadow:0 0 8px var(--jrpg-mp-glow)}.stat-fill.spd-fill{background:linear-gradient(90deg,#b91c1c,#ef4444);box-shadow:0 0 8px var(--accent-red-glow)}.rpg-dialogue-box{width:100%;max-width:560px;text-align:left;background:var(--dialogue-bg);border:2px solid var(--dialogue-border);box-shadow:var(--pixel-shadow);border-radius:6px;padding:1.25rem 1.4rem;position:relative}.dialogue-header{margin-bottom:.75rem;border-bottom:1px dashed var(--dialogue-border);padding-bottom:.35rem}.dialogue-tag{font-family:var(--font-display);font-size:.78rem;font-weight:700;color:var(--badge-text);letter-spacing:.05em}.profile-bio{font-family:var(--font-sans);font-size:.95rem;line-height:1.75;color:var(--dialogue-text);font-weight:400;overflow-wrap:break-word}.dialogue-prompt{position:absolute;bottom:.6rem;right:.85rem;font-size:.8rem;color:var(--badge-text);animation:promptBlink 1s steps(2,start) infinite}@media (max-width: 600px){.profile-card{padding:1.5rem 1rem}.rpg-header-banner{flex-direction:column;align-items:flex-start;gap:.35rem}.profile-title{font-size:1.85rem}.rpg-dialogue-box{padding:1rem}.profile-bio{font-size:.9rem}}@keyframes promptBlink{to{visibility:hidden}}@keyframes pulseGold{0%{opacity:.8}to{opacity:1;text-shadow:0 0 8px var(--jrpg-gold)}}.partner-section{width:100%;margin-bottom:.5rem;min-width:0}.guild-board-badge-wrapper{display:flex;justify-content:center;margin-bottom:.45rem}.guild-board-badge{font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.08em;color:var(--badge-text);background:var(--badge-bg);border:1px solid var(--badge-border);padding:.25rem .65rem;border-radius:4px}.partner-marquee-container{overflow:hidden;white-space:nowrap;display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:.15rem 1rem;position:relative;transition:var(--transition-smooth)}.partner-marquee-track{display:flex;align-items:center;gap:2.25rem;animation:marquee 32s linear infinite;width:max-content;padding:.35rem 0}.partner-marquee-container:hover .partner-marquee-track{animation-play-state:paused}.partner-item{display:inline-flex;align-items:center;gap:.75rem;color:var(--text-primary);text-align:left}.partner-item.placeholder,.partner-item.placeholder-btn{background:transparent;border:1px solid transparent;padding:.45rem .75rem;border-radius:12px;cursor:pointer;opacity:.8;font:inherit;transition:var(--transition-fast)}.partner-item.placeholder:hover,.partner-item.placeholder-btn:hover{opacity:1;background:var(--btn-hover-bg);border-color:var(--card-border);transform:translateY(-1px)}.partner-item.placeholder-btn:focus-visible{outline:2px solid var(--accent-red);outline-offset:2px}.partner-info{display:flex;flex-direction:column;gap:.15rem;line-height:1.25}.partner-name{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.partner-desc{font-size:.8rem;color:var(--text-secondary);font-weight:400;white-space:nowrap}.partner-icon-wrapper{width:32px;height:32px;border-radius:8px;background:var(--btn-bg);border:1px solid var(--btn-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.partner-icon-wrapper svg{width:16px;height:16px;color:var(--text-muted)}.partner-item.sponsor-link{text-decoration:none;color:var(--text-primary);background:#ffffff0a;border:1px solid var(--card-border);padding:.45rem .85rem;border-radius:12px;cursor:pointer;transition:var(--transition-fast);box-shadow:0 2px 8px #00000026}.partner-item.sponsor-link:hover{background:#ef444414;border-color:var(--accent-red-border-strong);transform:translateY(-1px);box-shadow:0 4px 14px #ef444433}.partner-item.sponsor-link:hover .partner-name{color:var(--accent-red)}.partner-item.sponsor-link:hover .partner-desc{color:var(--text-secondary)}.partner-logo-img{width:32px;height:32px;border-radius:8px;object-fit:cover;box-shadow:0 2px 8px #00000040;flex-shrink:0;transition:transform .3s ease}.partner-item.sponsor-link:hover .partner-logo-img{transform:scale(1.08)}.external-icon{width:13px!important;height:13px!important;color:var(--text-muted);opacity:.7;margin-left:.25rem;transition:transform .2s ease,opacity .2s ease,color .2s ease}.partner-item.sponsor-link:hover .external-icon{color:var(--accent-red);opacity:1;transform:translate(1px,-1px)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.timeline-section{width:100%;max-width:100%;min-width:0;margin:1.5rem 0 .5rem;display:flex;flex-direction:column;gap:2rem;position:relative}.timeline-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.65rem}.timeline-badge{font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.08em;background:var(--badge-bg);color:var(--badge-text);border:1px solid var(--badge-border);padding:.35rem .85rem;box-shadow:2px 2px #0003;border-radius:4px}.timeline-title{font-family:var(--font-display);font-size:1.85rem;font-weight:700;letter-spacing:.01em;color:var(--text-primary)}.timeline-subtitle{font-size:.95rem;color:var(--text-secondary);line-height:1.6;max-width:520px}.timeline-container{position:relative;width:100%;max-width:100%;min-width:0;padding:.5rem 0}.timeline-track{position:absolute;top:1.5rem;bottom:2rem;left:20px;width:4px;background:repeating-linear-gradient(to bottom,var(--pixel-border-inner) 0px,var(--pixel-border-inner) 8px,transparent 8px,transparent 16px);z-index:1}.timeline-progress-line{position:absolute;top:0;left:0;width:100%;height:0%;background:linear-gradient(to bottom,var(--jrpg-gold) 0%,var(--accent-red) 100%);box-shadow:0 0 10px var(--accent-red-glow);will-change:height}.timeline-progress-spark{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:10px;height:10px;border-radius:2px;background:var(--jrpg-gold);box-shadow:0 0 8px var(--jrpg-gold),2px 2px #000;pointer-events:none;opacity:0;transition:opacity .2s ease}.timeline-progress-spark.is-visible{opacity:1}.timeline-items{display:flex;flex-direction:column;gap:1.75rem;position:relative;z-index:2}.timeline-milestone{display:flex;align-items:flex-start;position:relative}.milestone-marker{position:absolute;left:10px;top:1.75rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;z-index:3}.marker-dot{width:16px;height:16px;background:var(--tag-bg);border:2px solid var(--pixel-border-inner);box-shadow:2px 2px #0006;transition:transform .25s ease,background-color .25s ease,border-color .25s ease}.timeline-milestone.is-active .marker-dot,.timeline-milestone.is-cleared .marker-dot{border-color:var(--jrpg-gold);background:var(--jrpg-gold);box-shadow:0 0 12px var(--jrpg-gold-glow),2px 2px #00000080;transform:scale(1.15)}.timeline-milestone.is-current .marker-dot{border-color:var(--accent-red);background:var(--accent-red);box-shadow:0 0 16px var(--accent-red-glow-strong),2px 2px #00000080;transform:scale(1.25)}.marker-ping{position:absolute;width:26px;height:26px;border:2px solid var(--accent-red);animation:markerPing 2s infinite;pointer-events:none}.timeline-milestone-card{margin-left:52px;width:calc(100% - 52px);padding:1.5rem 1.65rem;display:flex;flex-direction:column;gap:.5rem;text-align:left;position:relative}.milestone-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem;flex-wrap:wrap;gap:.5rem}.stage-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.stage-tag{font-family:var(--font-pixel);font-size:.58rem;color:var(--badge-text);background:var(--badge-bg);border:1px solid var(--badge-border);padding:.2rem .45rem;border-radius:2px}.stage-dungeon{font-family:var(--font-display);font-size:.92rem;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.status-badge{font-family:var(--font-pixel);font-size:.58rem;letter-spacing:.05em;padding:.2rem .5rem;border-radius:2px;display:inline-flex;align-items:center;gap:.35rem}.status-badge.cleared-badge{color:var(--jrpg-hp-green);border:1px solid var(--jrpg-hp-green);background:#10b9811f}.status-badge.current-badge{color:var(--accent-red);border:1px solid var(--accent-red);background:#ef444426;box-shadow:0 0 8px var(--accent-red-glow-subtle)}.milestone-period-row{margin-bottom:.15rem}.milestone-period{font-family:var(--font-display);font-size:.8rem;font-weight:600;color:var(--text-muted);letter-spacing:.02em}.milestone-name{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:.01em;color:var(--text-primary);margin-top:.15rem}.milestone-role{font-size:.92rem;color:var(--role-color);font-weight:600}.milestone-desc{font-size:.92rem;color:var(--text-secondary);line-height:1.65}.milestone-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.milestone-tag{font-family:var(--font-sans);font-size:.75rem;font-weight:500;color:var(--tag-text);background:var(--tag-bg);border:1px solid var(--tag-border);padding:.3rem .65rem;border-radius:4px}.timeline-bridge{margin-top:1rem;padding:1.35rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;background:var(--dialogue-bg);border:2px solid var(--dialogue-border)}.bridge-tag{font-family:var(--font-display);font-size:.88rem;font-weight:700;color:var(--badge-text);letter-spacing:.05em}.timeline-bridge p{font-size:.92rem;color:var(--dialogue-text)}@media (max-width: 600px){.timeline-milestone-card{margin-left:36px;width:calc(100% - 36px);padding:1.15rem 1rem}.timeline-title{font-size:1.45rem}.milestone-name{font-size:1.15rem}}@keyframes markerPing{0%{transform:scale(1);opacity:1}to{transform:scale(1.6);opacity:0}}.links-container{width:100%;margin-top:.5rem}.inventory-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.25rem;text-align:center}.inventory-badge{font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.08em;color:var(--badge-text);background:var(--badge-bg);border:1px solid var(--badge-border);padding:.3rem .75rem;border-radius:4px}.links-container .section-title{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--text-primary);letter-spacing:.01em}.links-grid{display:flex;flex-direction:column;gap:1rem}.link-item-card{display:flex;flex-direction:column;padding:1.25rem 1.45rem;text-decoration:none;color:var(--text-primary);position:relative;border-radius:6px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.item-slot-tag{display:flex;align-items:center;gap:.65rem;margin-bottom:.65rem;border-bottom:1px dashed var(--pixel-border-inner);padding-bottom:.4rem}.slot-num{font-family:var(--font-pixel);font-size:.58rem;color:var(--badge-text)}.relic-type{font-family:var(--font-pixel);font-size:.58rem;color:var(--accent-red)}.link-card-body{display:flex;align-items:center;gap:1.25rem}.link-icon{flex-shrink:0;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:var(--tag-bg);border:1px solid var(--pixel-border-inner);border-radius:4px;color:var(--badge-text);box-shadow:2px 2px #0003;transition:color .2s ease,transform .2s ease}.link-icon svg{width:24px;height:24px}.link-details{flex-grow:1}.link-details h4{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin-bottom:.25rem;color:var(--text-primary);transition:color .2s ease}.link-details p{font-size:.88rem;color:var(--text-secondary);line-height:1.5}.link-arrow{color:var(--badge-text);opacity:0;transform:translate(-8px);transition:opacity .2s ease,transform .2s ease;flex-shrink:0}.hand-pointer{font-size:1.45rem;display:inline-block;line-height:1}.link-item-card:hover{transform:translateY(-2px);border-color:var(--accent-red);box-shadow:0 0 0 2px var(--accent-red),var(--pixel-shadow)}.link-item-card:hover .link-details h4{color:var(--accent-red)}.link-item-card:hover .link-icon{color:var(--accent-red);transform:scale(1.05)}.link-item-card:hover .link-arrow{opacity:1;transform:translate(0);animation:handBob .8s infinite alternate ease-in-out}@keyframes handBob{0%{transform:translate(0)}to{transform:translate(4px)}}@media (max-width: 600px){.link-item-card{padding:1rem}.link-details h4{font-size:1rem}.link-details p{font-size:.82rem}.link-icon{width:40px;height:40px}.link-icon svg{width:20px;height:20px}}.current-partners-section{width:100%;margin-top:.5rem}.guild-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.25rem;text-align:center}.guild-badge{font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.08em;color:var(--badge-text);background:var(--badge-bg);border:1px solid var(--badge-border);padding:.3rem .75rem;border-radius:4px}.current-partners-section .section-title{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--text-primary);letter-spacing:.01em}.partners-static-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.partner-grid-card{display:flex;align-items:center;padding:1.25rem 1.35rem;text-decoration:none;color:var(--text-primary);gap:1.15rem;position:relative;border-radius:6px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.card-icon-area{flex-shrink:0;display:flex;align-items:center;justify-content:center}.grid-partner-logo{width:46px;height:46px;border-radius:4px;object-fit:cover;border:1px solid var(--pixel-border-inner);box-shadow:2px 2px #0000004d;transition:transform .2s ease}.partner-grid-card:hover .grid-partner-logo{transform:scale(1.06)}.card-content-area{flex-grow:1;min-width:0}.card-title-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.partner-role-tag{font-family:var(--font-pixel);font-size:.52rem;color:#000;background:var(--jrpg-gold);padding:.15rem .35rem;border-radius:2px;box-shadow:1px 1px #000}.card-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text-primary);transition:color .2s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-action-icon{color:var(--badge-text);opacity:0;transform:translate(-6px);transition:opacity .2s ease,transform .2s ease;display:flex;align-items:center;flex-shrink:0}.card-action-icon .hand-pointer{font-size:1.45rem}.partner-grid-card:hover{transform:translateY(-2px);border-color:var(--accent-red);box-shadow:0 0 0 2px var(--accent-red),var(--pixel-shadow)}.partner-grid-card:hover .card-title{color:var(--accent-red)}.partner-grid-card:hover .card-action-icon{opacity:1;transform:translate(0)}@media (max-width: 600px){.partners-static-grid{grid-template-columns:1fr;gap:.75rem}.partner-grid-card{padding:1rem .9rem;gap:.85rem}.grid-partner-logo{width:38px;height:38px}.card-title{font-size:1rem}.card-desc{font-size:.82rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .25s ease-out}.modal-content{position:relative;width:100%;max-width:480px;padding:2.25rem 2rem;border-radius:8px;animation:scaleIn .25s cubic-bezier(.34,1.56,.64,1);text-align:center}.modal-close-btn{position:absolute;top:.85rem;right:.85rem;font-family:var(--font-pixel);font-size:.75rem;width:32px;height:32px;padding:0;line-height:1}.modal-contract-badge{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--badge-text);letter-spacing:.08em;margin-bottom:.75rem}.modal-icon-wrapper{margin:0 auto 1rem}.guild-scroll-icon{font-size:2.4rem;display:inline-block}.modal-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.modal-text{font-size:.95rem;line-height:1.65;color:var(--text-secondary);margin-bottom:1.25rem}.modal-contact-box{background:var(--tag-bg);border:1px solid var(--pixel-border-inner);box-shadow:inset 0 1px 3px #0003;border-radius:4px;padding:1rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.4rem}.contact-label{font-family:var(--font-display);font-size:.8rem;font-weight:600;color:var(--badge-text);letter-spacing:.04em}.contact-email{font-family:var(--font-sans);font-size:1.05rem;font-weight:600;color:var(--accent-red);text-decoration:none;word-break:break-all;transition:color .2s ease}.contact-email:hover{color:var(--jrpg-gold);text-decoration:underline}.modal-actions{display:flex;justify-content:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.accept-btn{font-family:var(--font-display);font-size:.85rem;font-weight:700;background:#10b98133;border-color:var(--jrpg-hp-green);color:var(--jrpg-hp-green);text-decoration:none;padding:.55rem 1rem}.accept-btn:hover{background:var(--jrpg-hp-green);color:#000;border-color:#fff}.decline-btn{font-family:var(--font-display);font-size:.85rem;font-weight:700;background:#ef444426;border-color:var(--accent-red);color:var(--accent-red);padding:.55rem 1rem}.decline-btn:hover{background:var(--accent-red);color:#fff;border-color:#fff}.modal-subtext{font-size:.85rem;color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}