@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Cormorant+Garamond:wght@500;600&display=swap";:root{--bg-primary: #0f1923;--bg-secondary: #1a2332;--bg-card: #1e2a3a;--bg-hover: #2a3a4e;--bg-active: #2563eb33;--bg-modal: #1a2332ee;--bg-overlay: #00000088;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-blue: #3b82f6;--accent-gold: #f59e0b;--accent-red: #ef4444;--accent-green: #22c55e;--accent-purple: #8b5cf6;--border-color: #2a3a4e;--font-main: system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Fira Code", monospace;--fant-bg: #0d0b08;--fant-bg-2: #14110b;--fant-bg-3: #1c1710;--fant-panel-border: #3a2f1c;--gold: #c9a24b;--gold-bright: #f0d488;--gold-dim: #8a6a2c;--fant-text: #e8dcc2;--fant-text-dim: #9c8c6e;--font-display: "Cinzel", Georgia, serif;--font-serif: "Cormorant Garamond", Georgia, serif;--ui-frame-corner: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2096%2096'%20width='96'%20height='96'%20fill='none'%3e%3cdefs%3e%3clinearGradient%20id='g'%20x1='0'%20y1='0'%20x2='96'%20y2='96'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%23f0d488'/%3e%3cstop%20offset='0.5'%20stop-color='%23c9a24b'/%3e%3cstop%20offset='1'%20stop-color='%238a6a2c'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20stroke='url(%23g)'%20stroke-width='2.5'%20stroke-linecap='round'%3e%3cpath%20d='M6%2090%20L6%2022%20Q6%206%2022%206%20L90%206'/%3e%3cpath%20d='M14%2090%20L14%2028%20Q14%2014%2028%2014%20L90%2014'%20stroke-width='1.4'%20opacity='0.7'/%3e%3cpath%20d='M22%2040%20Q22%2022%2040%2022'/%3e%3cpath%20d='M22%2040%20Q30%2040%2030%2032%20Q30%2026%2024%2026'%20stroke-width='1.6'/%3e%3c/g%3e%3ccircle%20cx='22'%20cy='22'%20r='3.2'%20fill='url(%23g)'/%3e%3ccircle%20cx='6'%20cy='6'%20r='2.4'%20fill='url(%23g)'/%3e%3c/svg%3e");--ui-header-flourish: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%2048'%20width='480'%20height='48'%20fill='none'%3e%3cdefs%3e%3clinearGradient%20id='g'%20x1='0'%20y1='0'%20x2='480'%20y2='0'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%238a6a2c'/%3e%3cstop%20offset='0.5'%20stop-color='%23f0d488'/%3e%3cstop%20offset='1'%20stop-color='%238a6a2c'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20stroke='url(%23g)'%20stroke-width='2'%20stroke-linecap='round'%20fill='none'%3e%3cpath%20d='M40%2024%20L200%2024'/%3e%3cpath%20d='M200%2024%20Q210%2024%20214%2016%20Q218%2024%20224%2024'/%3e%3cpath%20d='M280%2024%20L440%2024'/%3e%3cpath%20d='M280%2024%20Q270%2024%20266%2016%20Q262%2024%20256%2024'/%3e%3cpath%20d='M40%2024%20Q30%2024%2026%2018%20Q22%2024%2016%2022%20Q24%2028%2030%2024'%20stroke-width='1.5'/%3e%3cpath%20d='M440%2024%20Q450%2024%20454%2018%20Q458%2024%20464%2022%20Q456%2028%20450%2024'%20stroke-width='1.5'/%3e%3c/g%3e%3ccircle%20cx='240'%20cy='16'%20r='3'%20fill='url(%23g)'/%3e%3ccircle%20cx='240'%20cy='32'%20r='2'%20fill='url(%23g)'/%3e%3c/svg%3e");--ui-avatar-frame: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20128%20128'%20width='128'%20height='128'%20fill='none'%3e%3cdefs%3e%3clinearGradient%20id='g'%20x1='0'%20y1='0'%20x2='128'%20y2='128'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%23f0d488'/%3e%3cstop%20offset='0.5'%20stop-color='%23c9a24b'/%3e%3cstop%20offset='1'%20stop-color='%238a6a2c'/%3e%3c/linearGradient%3e%3c/defs%3e%3ccircle%20cx='64'%20cy='64'%20r='60'%20stroke='url(%23g)'%20stroke-width='3'/%3e%3ccircle%20cx='64'%20cy='64'%20r='54'%20stroke='url(%23g)'%20stroke-width='1.4'%20opacity='0.6'/%3e%3cg%20fill='url(%23g)'%3e%3ccircle%20cx='64'%20cy='4'%20r='3.5'/%3e%3ccircle%20cx='64'%20cy='124'%20r='3.5'/%3e%3ccircle%20cx='4'%20cy='64'%20r='3.5'/%3e%3ccircle%20cx='124'%20cy='64'%20r='3.5'/%3e%3c/g%3e%3c/svg%3e");--ui-divider: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20240%2016'%20width='240'%20height='16'%20fill='none'%3e%3cdefs%3e%3clinearGradient%20id='g'%20x1='0'%20y1='0'%20x2='240'%20y2='0'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%238a6a2c'%20stop-opacity='0'/%3e%3cstop%20offset='0.5'%20stop-color='%23c9a24b'/%3e%3cstop%20offset='1'%20stop-color='%238a6a2c'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3cline%20x1='20'%20y1='8'%20x2='104'%20y2='8'%20stroke='url(%23g)'%20stroke-width='1.5'/%3e%3cline%20x1='136'%20y1='8'%20x2='220'%20y2='8'%20stroke='url(%23g)'%20stroke-width='1.5'/%3e%3cpath%20d='M104%208%20L120%203%20L136%208%20L120%2013%20Z'%20fill='%23c9a24b'/%3e%3ccircle%20cx='120'%20cy='8'%20r='2'%20fill='%230f0d0a'/%3e%3c/svg%3e");--ui-panel-texture: none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-size:14px;line-height:1.5}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:inherit}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.game-layout ::-webkit-scrollbar-track,.modal-overlay ::-webkit-scrollbar-track{background:var(--fant-bg)}.game-layout ::-webkit-scrollbar-thumb,.modal-overlay ::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:3px}.game-layout ::-webkit-scrollbar-thumb:hover,.modal-overlay ::-webkit-scrollbar-thumb:hover{background:var(--gold)}.game-layout,.modal-overlay{scrollbar-color:var(--gold-dim) var(--fant-bg);scrollbar-width:thin}.field-hint{display:inline-block;margin-left:4px;width:13px;height:13px;line-height:13px;text-align:center;border-radius:50%;background:var(--bg-hover);color:var(--text-muted);font-size:.65rem;cursor:help;border:1px solid var(--border-color);-webkit-user-select:none;user-select:none}.field-hint:hover{background:var(--accent-blue);color:#fff}.fant-panel{position:relative;background:linear-gradient(180deg,#1c1710f5,#0d0b08f5),var(--ui-panel-texture, none);background-size:cover,256px 256px;border:1px solid var(--fant-panel-border);border-radius:6px;box-shadow:inset 0 0 0 1px #c9a24b1f,0 4px 18px #00000080}.fant-framed{position:relative}.fant-framed:before,.fant-framed:after,.fant-framed>.fant-corner-bl,.fant-framed>.fant-corner-br{content:""}.fant-corner{position:absolute;width:40px;height:40px;pointer-events:none;background:var(--ui-frame-corner) no-repeat center / contain}.fant-corner.tl{top:-2px;left:-2px}.fant-corner.tr{top:-2px;right:-2px;transform:scaleX(-1)}.fant-corner.bl{bottom:-2px;left:-2px;transform:scaleY(-1)}.fant-corner.br{bottom:-2px;right:-2px;transform:scale(-1)}.fant-flourish{height:28px;background:var(--ui-header-flourish) no-repeat center / contain}.fant-divider{height:14px;margin:.4rem 0;background:var(--ui-divider) no-repeat center / contain}.fant-heading{font-family:var(--font-display);color:var(--gold-bright);letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.7)}.fant-btn{font-family:var(--font-display);font-weight:600;letter-spacing:.5px;color:#2a1e0a;background:linear-gradient(180deg,var(--gold-bright),var(--gold) 55%,var(--gold-dim));border:1px solid var(--gold-dim);border-radius:5px;padding:.45rem 1rem;box-shadow:inset 0 1px #fff6,0 2px 6px #00000080;transition:filter .15s,transform .1s}.fant-btn:hover{filter:brightness(1.08)}.fant-btn:active{transform:translateY(1px)}.fant-btn:disabled{filter:grayscale(.6) brightness(.7)}.fant-icon-btn{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;color:var(--gold-bright);background:linear-gradient(180deg,#3a2f1ce6,#1c1710e6);border:1px solid var(--gold-dim);border-radius:4px;box-shadow:inset 0 1px #c9a24b40}.fant-icon-btn:hover{background:linear-gradient(180deg,#504024f2,#282014f2)}.fant-icon-btn.danger{color:#e06a5a;border-color:#6a3328}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background:var(--fant-bg) url(/game/assets/auth-bg-DM1J1s0a.webp) center / cover no-repeat}.auth-card{background:#000;border:1px solid var(--gold-dim);border-radius:10px;padding:2rem 2.5rem 2.5rem;width:100%;max-width:400px;box-shadow:0 0 0 1px #000c,0 8px 40px #000000d9,inset 0 1px #c9a24b2e}.auth-logo{display:block;width:240px;max-width:100%;margin:0 auto .5rem}.auth-subtitle{font-family:var(--font-serif);font-size:1.05rem;color:var(--fant-text-dim);text-align:center;margin-bottom:1.5rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form .form-group{display:flex;flex-direction:column;gap:.25rem}.auth-form .form-group label{font-family:var(--font-display);color:var(--gold);font-size:.8rem;letter-spacing:.5px}.auth-form input,.auth-form select{background:var(--fant-bg-2);border:1px solid var(--fant-panel-border);border-radius:6px;padding:.6rem .75rem;color:var(--fant-text);outline:none;transition:border-color .2s}.auth-form input:focus,.auth-form select:focus{border-color:var(--gold)}.auth-form select option{background:var(--fant-bg-2);color:var(--fant-text)}.auth-submit{width:100%;padding:.7rem;margin-top:.5rem;font-size:.95rem}.auth-error{color:#e06a5a;font-size:.85rem;text-align:center}.auth-info{font-family:var(--font-serif);color:var(--fant-text);font-size:1rem;text-align:center;line-height:1.6}.auth-link{text-align:center;margin-top:1.25rem;color:var(--fant-text-dim);font-size:.9rem}.auth-link a{color:var(--gold-bright)}