@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;900&family=Noto+Serif+JP:wght@600;700;900&family=Outfit:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;700;900&display=swap");:root{--font-serif:"Cinzel","Noto Serif JP",serif;--font-sans:"Outfit","Noto Sans JP",-apple-system,BlinkMacSystemFont,sans-serif;--bg-deep:#4c0a10;--bg-court:#5e0d15;--bg-court-elevated:#72121b;--bg-card:rgba(65,9,15,.78);--bg-card-hover:rgba(85,12,20,.9);--bg-glass:rgba(50,7,12,.7);--gold-primary:gold;--gold-bright:#ffe566;--gold-dark:#b8860b;--gold-amber:#f59e0b;--gold-gradient:linear-gradient(135deg,#fff3b0,gold 40%,#d97706);--gold-gradient-subtle:linear-gradient(135deg,rgba(255,215,0,.15),rgba(245,158,11,.05));--gold-glow:0 0 28px rgba(255,215,0,.45);--gold-glow-subtle:0 0 16px rgba(255,215,0,.2);--king-glow:0 0 35px rgba(255,215,0,.55),0 0 60px rgba(239,68,68,.3);--king-border:linear-gradient(135deg,#ffe066,#ff4500,gold);--minister-left-color:#a855f7;--minister-left-glow:0 0 24px rgba(168,85,247,.4);--minister-right-color:#10b981;--minister-right-glow:0 0 24px rgba(16,185,129,.4);--general-color:#ef4444;--general-glow:0 0 20px rgba(239,68,68,.35);--guard-color:#3b82f6;--guard-glow:0 0 16px rgba(59,130,246,.3);--citizen-color:#8b5cf6;--border-subtle:rgba(255,215,0,.12);--border-medium:rgba(255,215,0,.25);--border-gold:rgba(255,215,0,.5);--text-primary:#f8fafc;--text-gold:gold;--text-secondary:#cbd5e1;--text-muted:#808ea3;--shadow-throne:0 20px 50px rgba(0,0,0,.7),0 0 40px rgba(255,215,0,.25);--shadow-card:0 10px 30px rgba(0,0,0,.45);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:#5c0d15;color:var(--text-primary);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(ellipse 90% 70% at 50% 30%,rgba(220,38,55,.15) 0,rgba(30,3,6,.45) 100%),url(/images/royal-carpet.png);background-position:50%;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#080914}::-webkit-scrollbar-thumb{background:rgba(255,215,0,.25);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,215,0,.45)}@keyframes royalPulse{0%,to{transform:scale(1);box-shadow:var(--king-glow)}50%{transform:scale(1.03);box-shadow:0 0 50px rgba(255,215,0,.7),0 0 80px rgba(239,68,68,.4)}}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rayRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.font-royal{font-family:var(--font-serif)}.text-gold-gradient{background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.royal-glass{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle)}.royal-border-glow{position:relative}.royal-border-glow:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:var(--gold-gradient);z-index:-1;opacity:.4;transition:opacity .3s ease}.royal-border-glow:hover:after{opacity:.8}.btn-royal-gold{background:var(--gold-gradient);color:#0d0b04;font-weight:700;border:none;border-radius:var(--radius-md);padding:12px 26px;font-size:1rem;cursor:pointer;box-shadow:0 4px 20px rgba(255,215,0,.35);transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-royal-gold:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(255,215,0,.55);filter:brightness(1.1)}.btn-royal-gold:active{transform:translateY(1px)}.btn-royal-gold:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-royal-secondary{background:rgba(255,215,0,.08);color:var(--text-gold);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:10px 20px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-royal-secondary:hover{background:rgba(255,215,0,.16);border-color:var(--gold-primary);transform:translateY(-1px)}@media (min-width:769px){.mobile-only-view{display:none!important}.desktop-only-view{display:block!important}}@media (max-width:768px){.desktop-only-view{display:none!important}.mobile-only-view{display:block!important}.mobile-card-fit{min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}.mobile-action-bar{padding:16px!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important}.mobile-stats-subgrid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-gap:8px 8px!important;gap:8px 8px!important;width:100%!important;text-align:center!important}.mobile-stats-subgrid .stats-divider{display:none!important}.mobile-stats-subgrid .rpg-stat-label{font-size:.62rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.mobile-stats-subgrid .stat-value{font-size:.95rem!important;justify-content:center!important}.mobile-share-wrapper{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;margin-top:4px!important}.mobile-share-btn{width:auto!important;max-width:100%!important;justify-content:center!important;padding:10px 24px!important;font-size:.92rem!important;margin:0 auto!important}.mobile-modal-overlay{padding:12px 8px!important}.mobile-modal-content{padding:16px 12px!important;border-radius:18px!important;max-height:96vh!important}}.rpg-plate-header{position:relative;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff,#fbf8f0 60%,#eee4d1);border:2px solid #c8a355;border-radius:9999px;padding:8px 36px;box-shadow:0 4px 18px rgba(0,0,0,.5),inset 0 1px 2px #fff,inset 0 -1px 3px rgba(184,151,88,.4)}.rpg-plate-header:after,.rpg-plate-header:before{content:"❖";position:absolute;color:#c8a355;font-size:1rem;top:50%;transform:translateY(-50%);filter:drop-shadow(0 1px 1px #fff)}.rpg-plate-header:before{left:12px}.rpg-plate-header:after{right:12px}.feedback-plate-btn{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:13px 48px!important;background:linear-gradient(135deg,#fff,#fffbeb 20%,#fef08a 45%,#fde047 70%,#f59e0b 95%)!important;border:2.5px solid #d97706!important;border-radius:9999px;text-decoration:none;transition:all .28s cubic-bezier(.16,1,.3,1);box-shadow:0 0 0 3px hsla(53,98%,77%,.5),0 6px 24px rgba(245,158,11,.48),0 0 24px rgba(255,215,0,.35),inset 0 2px 2px #fff,inset 0 -2px 4px rgba(180,83,9,.25)!important;animation:feedbackGlow 2.8s ease-in-out infinite;overflow:hidden;cursor:pointer}.feedback-plate-btn:hover{transform:translateY(-3px) scale(1.035);background:linear-gradient(135deg,#fff,#fffbeb 15%,#fef08a 40%,gold 70%,#ea580c)!important;border-color:gold!important;box-shadow:0 0 0 4px hsla(53,98%,77%,.8),0 10px 32px rgba(245,158,11,.75),0 0 32px rgba(255,215,0,.65),inset 0 2px 4px #fff!important}.feedback-plate-btn:active{transform:translateY(1px) scale(.99)}.feedback-plate-btn:after,.feedback-plate-btn:before{content:"✦";position:absolute;color:#b45309;font-size:1.3rem;top:50%;transform:translateY(-50%);filter:drop-shadow(0 0 5px rgba(255,215,0,.9));transition:all .25s ease;z-index:2;animation:sparkleTwinkle 2.2s ease-in-out infinite}.feedback-plate-btn:before{left:15px}.feedback-plate-btn:after{right:15px;animation-delay:1.1s}.feedback-plate-btn:hover:after,.feedback-plate-btn:hover:before{color:#78350f;filter:drop-shadow(0 0 8px #ffd700)}@keyframes sparkleTwinkle{0%,to{transform:translateY(-50%) scale(1) rotate(0deg);opacity:.85}50%{transform:translateY(-50%) scale(1.28) rotate(12deg);opacity:1;filter:drop-shadow(0 0 8px rgba(255,215,0,1))}}.feedback-shine-effect{position:absolute;top:0;left:-130%;width:65%;height:100%;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6) 45%,hsla(0,0%,100%,.9) 50%,hsla(0,0%,100%,.6) 55%,hsla(0,0%,100%,0));transform:skewX(-25deg);animation:feedbackShine 3.2s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes feedbackShine{0%{left:-130%}30%{left:140%}to{left:140%}}@keyframes feedbackGlow{0%,to{box-shadow:0 0 0 3px hsla(53,98%,77%,.4),0 5px 20px rgba(245,158,11,.4),0 0 16px rgba(255,215,0,.25),inset 0 2px 2px #fff}50%{box-shadow:0 0 0 4px hsla(53,98%,77%,.7),0 8px 30px rgba(245,158,11,.65),0 0 28px rgba(255,215,0,.55),inset 0 2px 2px #fff}}.feedback-account-pill{display:inline-flex;align-items:center;gap:8px;background:#0f1419;color:#fff;padding:5px 16px;border-radius:9999px;border:1.5px solid rgba(253,224,71,.7);box-shadow:0 3px 10px rgba(0,0,0,.28);transition:all .2s ease;z-index:2}.feedback-plate-btn:hover .feedback-account-pill{border-color:gold;box-shadow:0 4px 14px rgba(0,0,0,.4),0 0 10px rgba(255,215,0,.5);transform:scale(1.02)}.feedback-follow-tag{display:inline-flex;align-items:center;gap:3px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:2px 8px;border-radius:9999px;font-size:.74rem;font-weight:800;letter-spacing:.02em;box-shadow:0 1px 4px rgba(0,0,0,.2)}.rpg-character-card{position:relative;background:linear-gradient(175deg,#fff,#fdfbf7 50%,#f7f1e4);border:2px solid #cbb07a;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.45),inset 0 0 0 2px #fff8ee,inset 0 0 0 4px #e5d2ac;color:#3b2816;overflow:visible;transition:all .22s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.rpg-character-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px rgba(0,0,0,.6),0 0 20px rgba(255,215,0,.4);border-color:gold}.rpg-corner-decor{position:absolute;width:16px;height:16px;pointer-events:none;opacity:.85}.rpg-corner-tl{top:4px;left:4px;border-top:2px solid #b89758;border-left:2px solid #b89758;border-top-left-radius:8px}.rpg-corner-tr{top:4px;right:4px;border-top:2px solid #b89758;border-right:2px solid #b89758;border-top-right-radius:8px}.rpg-corner-bl{bottom:4px;left:4px;border-bottom:2px solid #b89758;border-left:2px solid #b89758;border-bottom-left-radius:8px}.rpg-corner-br{bottom:4px;right:4px;border-bottom:2px solid #b89758;border-right:2px solid #b89758;border-bottom-right-radius:8px}.rpg-stars{color:#f59e0b;letter-spacing:2px;font-size:.85rem;filter:drop-shadow(0 1px 2px rgba(245,158,11,.5))}.rpg-stat-label{color:#8c6d48;font-size:.68rem;font-weight:700;letter-spacing:.04em}.rpg-stat-value{color:#2c1a0e;font-size:.85rem;font-weight:900;font-family:var(--font-serif)}.rpg-btn-emerald{background:linear-gradient(180deg,#5eead4,#14b8a6 40%,#0d9488);border:1.5px solid #ccfbf1;box-shadow:0 4px 12px rgba(13,148,136,.4),inset 0 1px 2px #fff,inset 0 -2px 4px rgba(15,118,110,.5);color:#fff;font-weight:800;text-shadow:0 1px 2px rgba(15,23,42,.5);border-radius:9999px;padding:6px 18px;cursor:pointer;transition:all .18s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.rpg-btn-emerald:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px rgba(13,148,136,.6)}.rpg-btn-ruby{background:linear-gradient(180deg,#f472b6,#db2777 40%,#9d174d);border:1.5px solid #fce7f3;box-shadow:0 4px 14px rgba(219,39,119,.45),inset 0 1px 2px #fff,inset 0 -2px 4px rgba(157,23,77,.6);color:#fff;font-weight:800;text-shadow:0 1px 2px rgba(15,23,42,.5);border-radius:9999px;padding:10px 24px;cursor:pointer;transition:all .18s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.rpg-btn-ruby:hover{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 8px 20px rgba(219,39,119,.6)}.rpg-crest-tag{background:linear-gradient(180deg,#fef08a,#eab308 50%,#a16207);color:#451a03;font-weight:900;border:1px solid #fef9c3;border-radius:9999px;padding:2px 10px;box-shadow:0 2px 6px rgba(0,0,0,.3);font-size:.72rem;display:inline-flex;align-items:center;gap:4px}.rpg-bottom-bar{position:fixed;bottom:0;left:0;right:0;height:62px;background:linear-gradient(180deg,#fff,#fdf9f1 50%,#eee4d1);border-top:2px solid #b89758;box-shadow:0 -4px 16px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:space-around;z-index:90;max-width:680px;margin:0 auto;border-top-left-radius:16px;border-top-right-radius:16px}.rpg-bottom-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;cursor:pointer;color:#644b32;transition:all .15s ease;position:relative;padding:4px 10px}.rpg-bottom-tab:hover{transform:translateY(-2px);color:#b45309}.rpg-bottom-tab-label{font-size:.65rem;font-weight:800;letter-spacing:.02em}.rpg-badge-count{position:absolute;top:-2px;right:2px;background:#ef4444;color:#fff;font-size:.6rem;font-weight:900;padding:1px 5px;border-radius:9999px;border:1.5px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.3)}.keep-phrase{display:inline-block}.app-main-container{min-height:100vh;padding:max(16px,env(safe-area-inset-top)) 16px 48px}@media (max-width:640px){.app-main-container{padding:max(12px,env(safe-area-inset-top)) 12px 36px}.rpg-plate-header{padding:8px 30px!important}.feedback-plate-btn{padding:10px 32px!important;gap:5px!important;border-radius:9999px!important}.feedback-plate-btn:before{left:8px!important;font-size:1rem!important}.feedback-plate-btn:after{right:8px!important;font-size:1rem!important}.feedback-account-pill{padding:4px 12px!important;gap:6px!important}.feedback-follow-tag{font-size:.7rem!important;padding:2px 6px!important}.form-mobile-wrap{flex-direction:column!important;align-items:stretch!important}.form-mobile-btn{width:100%!important;padding:12px!important;font-size:1rem!important}}