@font-face { font-family: "IM Fell English SC"; src: url("../assets/fonts/im-fell-english-sc.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } .fvtt-donjon-et-cie { --dnc-ink: #221b18; --dnc-accent: #8b2e17; } .fvtt-donjon-et-cie .window-content { font-family: "Signika", sans-serif; color: #221b18; background: linear-gradient(180deg, #f8f1e6 0%, #eadac0 100%); } #pause { font-size: 2rem; } #pause.paused { gap: 0.5rem; } #pause > figcaption { color: #ccc; text-shadow: 0 0 10px rgba(255, 255, 255, 0.25); } #pause > img { opacity: 0; height: 0; width: 0; } #pause::before { content: ""; display: block; background: url("../assets/ui/logo_01.webp") center / contain no-repeat; height: 200px; width: 200px; margin-bottom: 0.75rem; animation: dnc-pause-logo 4.2s ease-in-out infinite; transform-origin: 50% 50%; filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.35)); } @keyframes dnc-pause-logo { 0%, 100% { transform: scale(0.98) translateY(0); filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.3)); } 50% { transform: scale(1.03) translateY(-6px); filter: drop-shadow(0 16px 26px rgba(0, 0, 0, 0.45)); } } .dnc-sheet { display: flex; flex-direction: column; gap: 1rem; padding: 1rem; } .sheet-card { border: 2px solid #5b4634; border-radius: 10px; background: rgba(255, 248, 236, 0.92); box-shadow: 0 6px 14px rgba(0, 0, 0, 0.22); padding: 1rem; } .fvtt-donjon-et-cie .sheet-card h2, .fvtt-donjon-et-cie .dnc-chat-card h2 { margin: 0 0 0.75rem; font-family: "IM Fell English SC", "Palatino Linotype", "Book Antiqua", Palatino, serif !important; font-size: 1.15rem; color: #8b2e17; text-transform: uppercase; letter-spacing: 0.04em; } .sheet-header { display: grid; grid-template-columns: 140px 1fr; gap: 1rem; align-items: start; } .sheet-header.compact { grid-template-columns: 110px 1fr; gap: 0.75rem; } .portrait { position: relative; } .portrait img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 10px; border: 3px solid #5b4634; background: #fff; } .icon-button { position: absolute; right: 0.4rem; bottom: 0.4rem; border: 0; border-radius: 999px; background: #32261c; color: #fff; width: 2rem; height: 2rem; } .identity-grid, .identity-grid.two-columns { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.75rem; } .identity-grid.two-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); } .dnc-employe-sheet .sheet-header.compact .identity-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.4rem 0.75rem; } .dnc-employe-sheet .sheet-header.compact label { gap: 0.25rem; } .dnc-employe-sheet .sheet-header.compact input[type="number"] { max-width: 4.75rem; } .dnc-employe-sheet .sheet-header.compact .counter-field input[type="number"] { max-width: 4rem; } .dnc-pnj-sheet .sheet-header.compact .identity-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.4rem 0.75rem; } .dnc-pnj-sheet .sheet-header.compact label { gap: 0.25rem; } .dnc-pnj-sheet .sheet-header.compact input[type="number"] { width: 4.5rem; max-width: 4.5rem; } .dnc-pnj-sheet .sheet-header.compact .counter-field input[type="number"] { width: 3.75rem; max-width: 3.75rem; } .dnc-sheet label { display: flex; flex-direction: column; gap: 0.4rem; } .dnc-sheet label > span { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.04em; color: #6d5a4f; } .readonly-field { display: flex; flex-direction: column; gap: 0.4rem; } .readonly-field > span { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.04em; color: #6d5a4f; } .readonly-field p { margin: 0; border: 1px solid rgba(91, 70, 52, 0.55); border-radius: 6px; background: rgba(255, 255, 255, 0.65); color: #221b18; padding: 0.45rem 0.55rem; } .dnc-sheet input, .dnc-sheet select, .dnc-sheet textarea, .dnc-dialog-form input, .dnc-dialog-form select { width: 100%; border: 1px solid rgba(91, 70, 52, 0.55); border-radius: 6px; background: rgba(255, 255, 255, 0.9); color: #221b18; padding: 0.45rem 0.55rem; } .dnc-sheet textarea { resize: vertical; min-height: 4.5rem; } .sheet-columns { display: grid; grid-template-columns: minmax(250px, 320px) 1fr; gap: 1rem; } .sheet-sections { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } .compact-sections { grid-template-columns: 1fr; } .counter-field { display: flex; align-items: center; gap: 0.4rem; } .counter-field button, .item-actions button, .sheet-footer button, .text-button, .roll-button { border: 1px solid #5b4634; border-radius: 6px; background: linear-gradient(180deg, #fdf9f2 0%, #e8d5ba 100%); color: #221b18; min-height: 2rem; padding: 0.35rem 0.65rem; } .text-button { white-space: nowrap; } .roll-button { width: 2rem; padding: 0; } .with-controls { gap: 0.4rem; } .section-header { display: flex; justify-content: space-between; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem; } .empty-state { margin: 0; color: #6d5a4f; font-style: italic; } .span-two { grid-column: span 2; } .characteristic-list { display: flex; flex-direction: column; gap: 0.4rem; } .characteristic-row { display: grid; grid-template-columns: 2rem 1fr 4rem; gap: 0.4rem; align-items: center; } .characteristic-label { font-weight: 700; } .profile-counters { display: grid; grid-template-columns: 1fr; gap: 0.75rem; } .profile-card-wide { width: 100%; } .profile-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr); gap: 1rem; align-items: start; } .profile-column { display: flex; flex-direction: column; gap: 0.75rem; } .favor-card { margin: 0.75rem 0; padding: 0.75rem; border: 1px dashed rgba(91, 70, 52, 0.55); border-radius: 10px; background: rgba(226, 208, 177, 0.35); } .favor-header h2 { margin-bottom: 0.4rem; } .favor-help { margin: 0 0 0.75rem; color: #6d5a4f; font-size: 0.82rem; } .favor-list { display: grid; gap: 0.4rem; } .favor-row { display: grid; grid-template-columns: minmax(0, 1fr) 4.5rem auto; gap: 0.4rem; align-items: end; } .favor-meta { min-height: 2.3rem; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(91, 70, 52, 0.35); font-weight: 700; } .magic-layout { align-items: start; margin-bottom: 0.75rem; } .magic-layout .sheet-column { display: flex; flex-direction: column; gap: 0.75rem; } .magic-resource-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: 0.75rem; align-items: end; } .chaos-table-wrapper { margin-top: 0.75rem; } .chaos-table-wrapper h3 { margin: 0 0 0.4rem; font-size: 0.95rem; } .chaos-table-caption { margin: 0 0 0.4rem; color: #6d5a4f; font-size: 0.78rem; font-style: italic; } .chaos-table { width: 100%; border-collapse: collapse; font-size: 0.8rem; } .chaos-table th, .chaos-table td { padding: 0.4rem 0.45rem; border: 1px solid rgba(91, 70, 52, 0.35); vertical-align: top; } .chaos-table th { text-align: left; background: rgba(226, 208, 177, 0.55); } .sheet-tabs { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 1rem 0 0.75rem; justify-content: center; } .sheet-tab { border: 1px solid rgba(91, 70, 52, 0.8); border-radius: 10px; background: rgba(226, 208, 177, 0.55); color: #221b18; font-weight: 700; padding: 0.4rem 0.75rem; } .sheet-tab.active { background: #8b2e17; border-color: #561d0e; color: #fff; } .sheet-tab-panel { display: none; } .sheet-tab-panel.active { display: block; } .item-list { display: flex; flex-direction: column; gap: 0.75rem; } .item-section.is-dragover { border-color: #8b2e17; box-shadow: 0 0 0 2px rgba(139, 46, 23, 0.2); } .item-dropzone { border: 1px dashed rgba(91, 70, 52, 0.75); border-radius: 10px; padding: 0.75rem; min-height: 3.25rem; background: rgba(226, 208, 177, 0.45); color: #6d5a4f; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 0.9rem; font-weight: 600; } .item-dropzone.has-items { padding: 0.4rem 0.75rem; font-size: 0.8rem; } .item-section.is-dragover .item-dropzone { border-color: #8b2e17; background: rgba(139, 46, 23, 0.12); color: #221b18; } .item { display: grid; grid-template-columns: 48px 1fr auto; gap: 0.75rem; align-items: start; border-top: 1px dashed rgba(91, 70, 52, 0.45); padding-top: 0.75rem; } .item:first-child { border-top: 0; padding-top: 0; } .item img { width: 48px; height: 48px; object-fit: cover; border-radius: 6px; border: 1px solid #5b4634; background: #fff; } .item-main p { margin: 0.4rem 0 0; color: #6d5a4f; } .item-title-row { display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center; } .item-meta { border-radius: 999px; background: #e2d0b1; color: #221b18; font-size: 0.75rem; padding: 0.1rem 0.5rem; } .item-actions { display: flex; flex-wrap: wrap; gap: 0.4rem; justify-content: flex-end; } .pnj-layout .sheet-column { display: flex; flex-direction: column; gap: 0.75rem; } .pnj-combat-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; align-items: end; } .pnj-combat-grid .span-two { grid-column: 1 / -1; } .application.fvtt-donjon-et-cie.item { display: flex !important; flex-direction: column; padding-top: 0 !important; } .application.fvtt-donjon-et-cie.item > .window-header { position: relative; z-index: 2; width: 100% !important; flex: 0 0 auto; } .application.fvtt-donjon-et-cie.item > .window-content { width: 100% !important; flex: 1 1 auto; overflow-y: auto !important; overflow-x: hidden !important; } .application.fvtt-donjon-et-cie.item > .window-content > .dnc-sheet { min-height: fit-content; } .dnc-item-sheet .identity-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sheet-footer { display: flex; gap: 0.75rem; justify-content: flex-end; } .dnc-dialog-form { display: flex; flex-direction: column; gap: 0.75rem; } .dnc-roll-dialog, .dnc-roll-dialog .window-content, .dnc-dialog-form, .dnc-dialog-form p, .dnc-dialog-form label, .dnc-dialog-form label > span { color: #221b18; } .dnc-dialog-form p { margin: 0; } .dnc-dialog-form label { display: flex; flex-direction: column; gap: 0.4rem; font-weight: 700; } .dnc-dialog-form label > span { font-size: 0.82rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; } .dnc-roll-dialog .window-content { background: linear-gradient(180deg, #f7efe0 0%, #e3d0b1 100%); } .dnc-chat-card { position: relative; border: 2px solid #5b4634; border-radius: 16px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.78) 0%, rgba(245, 234, 210, 0.92) 100%), linear-gradient(135deg, #fdf6e7 0%, #e7d2ab 100%); color: #221b18; padding: 1rem; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.65); overflow: hidden; } .chat-message .message-content .dnc-chat-card h2 { margin: 0 !important; font-size: 0.82rem !important; line-height: 1.1 !important; letter-spacing: 0.02em !important; } .dnc-chat-card::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.45), transparent 30%), linear-gradient(90deg, rgba(139, 46, 23, 0.14) 0, rgba(139, 46, 23, 0.14) 0.3rem, transparent 0.3rem); } .chat-card-header { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: flex-start; gap: 0.75rem; margin-bottom: 0.75rem; } .chat-card-heading { min-width: 0; } .chat-card-kicker { margin: 0 0 0.25rem; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(139, 46, 23, 0.8); } .chat-card-subtitle { margin: 0.2rem 0 0; color: #6d5a4f; } .chat-card-seal, .chat-card-total { position: relative; z-index: 1; flex: 0 0 auto; } .chat-card-seal { min-width: 3.4rem; border-radius: 999px; border: 1px solid rgba(91, 70, 52, 0.55); background: rgba(255, 255, 255, 0.72); padding: 0.4rem 0.7rem; text-align: center; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.12em; } .chat-card-seal.success { color: #122b17; } .chat-card-seal.failure { color: #561d1d; } .chat-card-total { min-width: 5.75rem; border-radius: 14px; border: 1px solid rgba(91, 70, 52, 0.45); background: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(247, 232, 198, 0.95) 100%); padding: 0.45rem 0.8rem; text-align: center; } .chat-card-total span { display: block; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #6d5a4f; } .chat-card-total strong { display: block; margin-top: 0.15rem; font-size: 1.8rem; line-height: 1; color: #8b2e17; } .chat-pill-row { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom: 0.75rem; } .chat-pill { border: 1px solid rgba(91, 70, 52, 0.55); border-radius: 999px; background: rgba(255, 255, 255, 0.66); color: #221b18; font-size: 0.78rem; font-weight: 700; padding: 0.2rem 0.7rem; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55); } .chat-pill.success { background: rgba(46, 107, 58, 0.16); color: #122b17; border-color: rgba(46, 107, 58, 0.32); } .chat-pill.failure { background: rgba(132, 44, 44, 0.16); color: #561d1d; border-color: rgba(132, 44, 44, 0.32); } .chat-keyline { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; margin-bottom: 0.75rem; } .chat-keyline-label { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #6d5a4f; } .roll-values { display: flex; gap: 0.4rem; flex-wrap: wrap; margin: 0; } .roll-values span { border: 1px solid rgba(91, 70, 52, 0.45); border-radius: 999px; background: rgba(255, 255, 255, 0.72); padding: 0.22rem 0.55rem; font-weight: 700; } .chat-details { position: relative; z-index: 1; margin: 0.75rem 0 0; padding-left: 1.1rem; } .chat-details-ornate { margin-top: 1rem; padding-top: 0.75rem; border-top: 1px solid rgba(91, 70, 52, 0.35); } .chat-details li + li { margin-top: 0.25rem; } .chat-actions { position: relative; z-index: 1; margin-top: 0.75rem; } .chat-action-button { border: 1px solid #5b4634; border-radius: 999px; background: linear-gradient(180deg, #f9f0da 0%, #dcb772 100%); color: #221b18; min-height: 2rem; padding: 0.45rem 0.9rem; font-weight: 800; letter-spacing: 0.04em; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.16); } .chat-action-button[disabled] { opacity: 0.55; cursor: not-allowed; box-shadow: none; } .chat-actions-inline { display: flex; flex-wrap: wrap; gap: 0.4rem; } .chat-targeting { position: relative; z-index: 1; display: grid; gap: 0.4rem; margin-top: 0.4rem; } .chat-control { display: grid; gap: 0.2rem; } .chat-select { min-height: 2rem; border: 1px solid rgba(91, 70, 52, 0.55); border-radius: 999px; background: rgba(255, 255, 255, 0.82); color: #221b18; padding: 0.3rem 0.75rem; } .chat-formula, .chat-note { position: relative; z-index: 1; margin: 0 0 0.75rem; } .chat-formula { display: inline-flex; align-items: center; min-height: 2rem; padding: 0.25rem 0.7rem; border-radius: 999px; border: 1px solid rgba(91, 70, 52, 0.38); background: rgba(255, 255, 255, 0.5); font-family: "IM Fell English SC", "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #6d5a4f; } .chat-item-image { width: 64px; height: 64px; object-fit: cover; border-radius: 6px; border: 1px solid #5b4634; } .chat-item-body { position: relative; z-index: 1; display: grid; grid-template-columns: 64px 1fr; gap: 0.75rem; align-items: start; margin-bottom: 0.75rem; } .chat-item-content { min-width: 0; } .chat-description { position: relative; z-index: 1; margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid rgba(91, 70, 52, 0.35); } .warning { color: #842c2c; font-weight: 700; } .dnc-chat-card-roll { background: linear-gradient(180deg, rgba(255, 255, 255, 0.78) 0%, rgba(236, 228, 205, 0.92) 100%), linear-gradient(135deg, #fcf8ee 0%, #e4d1af 100%); } .dnc-chat-card-damage { padding: 0.75rem; background: linear-gradient(180deg, rgba(255, 252, 247, 0.76) 0%, rgba(238, 213, 194, 0.92) 100%), linear-gradient(135deg, #fff4e8 0%, #d7a884 100%); } .dnc-chat-card-damage .chat-card-header, .dnc-chat-card-damage .chat-pill-row, .dnc-chat-card-damage .chat-keyline, .dnc-chat-card-damage .chat-formula, .dnc-chat-card-damage .chat-note { margin-bottom: 0.4rem; } .dnc-chat-card-damage .chat-card-total { min-width: 4.8rem; padding: 0.35rem 0.65rem; } .dnc-chat-card-damage .chat-card-total strong { font-size: 1.45rem; } .dnc-chat-card-damage .chat-formula { min-height: 1.7rem; padding: 0.15rem 0.6rem; font-size: 0.82rem; } .dnc-chat-card-damage .chat-note { font-size: 0.82rem; } .dnc-chat-card-damage-application .chat-pill.success { background: rgba(46, 107, 58, 0.18); } .dnc-chat-card-usage { background: linear-gradient(180deg, rgba(255, 255, 255, 0.76) 0%, rgba(222, 230, 214, 0.92) 100%), linear-gradient(135deg, #f6f6ef 0%, #bfcbb1 100%); } .dnc-chat-card-item { background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(223, 216, 201, 0.92) 100%), linear-gradient(135deg, #fef9ef 0%, #d1c4aa 100%); } .dnc-chat-card-initiative { background: linear-gradient(180deg, rgba(255, 248, 236, 0.82) 0%, rgba(228, 208, 170, 0.94) 100%), linear-gradient(135deg, #fff8ec 0%, #d7bf85 100%); } .dnc-chat-card-spell { background: linear-gradient(180deg, rgba(249, 246, 255, 0.8) 0%, rgba(222, 213, 244, 0.92) 100%), linear-gradient(135deg, #fcf8ff 0%, #b8abd9 100%); } .dnc-chat-card-chaos { background: linear-gradient(180deg, rgba(255, 247, 247, 0.82) 0%, rgba(232, 198, 198, 0.94) 100%), linear-gradient(135deg, #fff6f2 0%, #d49494 100%); } .dnc-chat-card-favor { background: linear-gradient(180deg, rgba(248, 251, 255, 0.8) 0%, rgba(205, 220, 238, 0.94) 100%), linear-gradient(135deg, #f7fbff 0%, #9fb8d7 100%); } .dnc-chat-card-spell .chat-actions + .chat-actions { margin-top: 0.4rem; } .chat-chaos-result { position: relative; z-index: 1; margin-bottom: 0.75rem; padding: 0.4rem 0.75rem; border-radius: 6px; background: rgba(255, 255, 255, 0.45); border: 1px solid rgba(91, 70, 52, 0.35); } .chat-chaos-result-title { margin: 0 0 0.25rem; font-weight: 800; } .initiative-header { margin-bottom: 1rem; } .initiative-header p { margin: 0.15rem 0 0; color: #6d5a4f; } .initiative-total { min-width: 5.5rem; border: 2px solid rgba(139, 46, 23, 0.65); border-radius: 10px; background: rgba(255, 255, 255, 0.5); padding: 0.45rem 0.75rem; text-align: center; } .initiative-total-label, .initiative-part-label { display: block; font-size: 0.72rem; letter-spacing: 0.04em; text-transform: uppercase; color: #6d5a4f; } .initiative-total strong { display: block; font-size: 1.8rem; line-height: 1; color: #8b2e17; } .initiative-breakdown { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; margin-bottom: 0.75rem; } .initiative-part { min-width: 4.5rem; border-radius: 6px; background: rgba(255, 255, 255, 0.55); border: 1px solid rgba(91, 70, 52, 0.4); padding: 0.35rem 0.55rem; text-align: center; } .initiative-part strong, .initiative-operator { font-size: 1.1rem; font-weight: 700; } .initiative-formula { margin: 0 0 0.75rem; font-family: "IM Fell English SC", "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #6d5a4f; } .initiative-sync p { margin: 0.4rem 0 0; } /*# sourceMappingURL=donjon-et-cie.css.map */ /*# sourceMappingURL=donjon-et-cie.css.map */