:root{--parchment-bg: #f5f2e6;--parchment-dark: #ebdcb9;--ink-color: #121210;--ink-grey: #403f39;--crimson-gore: #990c0c;--font-title: "Almendra", "Cinzel Decorative", Georgia, serif;--font-body: "Special Elite", "Courier New", monospace;--font-mono: "Space Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#faf9f5;color:var(--ink-color);font-family:var(--font-body);padding:2rem 1rem;line-height:1.4;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle,#d5cebf 1.8px,transparent 1.8px);background-size:24px 24px;min-height:100vh}.app-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.header-panel{text-align:center;background-color:var(--parchment-bg);background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.15) 0%,transparent 100%),url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");padding:2rem;border:4px double var(--ink-color);border-radius:4px 10px 4px 8px/6px 4px 10px;box-shadow:0 10px 25px #00000080,0 0 0 4px #1a1917,0 0 0 8px var(--parchment-dark);position:relative;overflow:hidden;transform:rotate(-.3deg)}.print-logo{display:none}.header-title{font-family:var(--font-title);font-size:2.8rem;letter-spacing:2px;text-transform:uppercase;color:var(--crimson-gore);text-shadow:1px 1px 0px #000,3px 3px 0px var(--parchment-dark)}.header-subtitle{font-family:var(--font-mono);font-size:.9rem;letter-spacing:4px;text-transform:uppercase;margin-top:.3rem;color:var(--ink-grey)}.controls-container{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.punk-button{background-color:var(--ink-color);color:var(--parchment-bg);border:3px solid var(--ink-color);padding:.6rem 1.2rem;font-family:var(--font-mono);font-weight:700;text-transform:uppercase;font-size:.85rem;cursor:pointer;border-radius:3px 6px 3px 5px/5px 3px 6px;box-shadow:3px 3px 0 var(--parchment-dark);transition:all .15s ease;display:inline-flex;align-items:center;gap:.5rem}.punk-button:hover{background-color:var(--crimson-gore);border-color:var(--ink-color);color:#fff;transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink-color)}.punk-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink-color)}.zine-page{background-color:var(--parchment-bg);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");color:var(--ink-color);border:3px solid var(--ink-color);border-radius:6px 4px 8px 3px/4px 8px 3px 6px;position:relative;transition:transform .2s ease}.torn-separator{height:4px;border-bottom:2px dashed var(--ink-grey);margin:1rem 0;opacity:.4}.peasant-grid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:0 auto;width:100%}@media (max-width: 850px){.peasant-grid-container{grid-template-columns:1fr}}.crawl-sheet-card{background-color:var(--parchment-bg);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.06'/%3E%3C/svg%3E");border:4px solid var(--ink-color);border-radius:8px 12px 6px 10px/9px 7px 11px 8px;padding:1.2rem;box-shadow:6px 6px #12121026;font-family:var(--font-body);font-size:.8rem;position:relative;min-height:480px;overflow:hidden}.crawl-card-inner{display:grid;grid-template-columns:110px 1fr 120px;grid-template-rows:auto auto auto 1fr auto;gap:.6rem;width:100%;height:100%}.single-sheet-container{max-width:750px;margin:0 auto}.level1-layout{min-height:620px}.level1-layout .crawl-card-inner{grid-template-columns:140px 1fr 160px}.brick-box{border:3px solid var(--ink-color);border-radius:4px 6px 3px 5px/5px 3px 6px 4px;padding:4px 6px;background-color:#fff6;position:relative;display:flex;flex-direction:column}.brick-label{font-family:var(--font-mono);font-size:.6rem;color:var(--ink-grey);text-transform:uppercase;font-weight:700;border-bottom:2px solid var(--ink-color);margin-bottom:2px}.brick-value{font-size:1.1rem;font-weight:700;font-family:var(--font-mono);text-align:center}.sheet-header-block{grid-column:1 / -1;display:grid;grid-template-columns:2fr 1fr 1fr;gap:.5rem}.sheet-meta-block{grid-column:2 / -1;display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.stats-column{grid-column:1;display:flex;flex-direction:column;gap:.4rem}.stat-brick{display:grid;grid-template-columns:1fr 1fr;align-items:center;border:3px solid var(--ink-color);border-radius:5px 3px 4px 6px/4px 6px 3px 5px;background-color:#ffffff59;overflow:hidden}.stat-name{font-family:var(--font-mono);font-size:.75rem;font-weight:700;padding-left:4px;border-right:2px solid var(--ink-color);text-transform:uppercase;background-color:#0000000d;height:100%;display:flex;align-items:center}.stat-values{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.stat-score{font-size:.95rem;font-weight:700;font-family:var(--font-mono)}.stat-mod{font-size:.7rem;color:var(--crimson-gore);font-weight:700}.saves-container{display:flex;gap:.3rem;margin-top:.4rem}.save-brick{flex:1;border:2px solid var(--ink-color);border-radius:3px 5px 2px 4px/4px 2px 5px 3px;background-color:#ffffff80;padding:2px;text-align:center;cursor:pointer;transition:background .1s ease}.save-brick:hover{background-color:var(--parchment-dark)}.save-name{font-family:var(--font-mono);font-size:.55rem;font-weight:700}.save-val{font-family:var(--font-mono);font-size:.9rem;font-weight:700;color:var(--crimson-gore)}.ac-portal-brick{grid-column:3;grid-row:2;justify-self:center;width:90px;height:90px;border:5px solid var(--ink-color);border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0%,var(--parchment-dark) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 2px 2px 5px #0000004d,3px 3px #00000026;position:relative;transform:rotate(3deg)}.ac-portal-brick:after{content:"";position:absolute;bottom:0;width:100%;height:35%;background-color:var(--ink-color);border-radius:0 0 50px 50px;z-index:1;opacity:.15}.ac-label{font-family:var(--font-title);font-size:.75rem;font-weight:700;letter-spacing:1px;margin-bottom:-4px;z-index:2}.ac-value{font-family:var(--font-mono);font-size:1.8rem;font-weight:700;z-index:2;text-shadow:1px 1px 0 #fff}.center-square-brick{grid-column:2;grid-row:2 / 5;background-color:#ffffff73;padding:.8rem;display:flex;flex-direction:column;gap:.8rem;box-shadow:inset 0 4px 10px #00000014}.center-section{display:flex;flex-direction:column;gap:2px}.center-section-title{font-family:var(--font-mono);font-size:.6rem;font-weight:700;color:var(--ink-grey);text-transform:uppercase;border-bottom:1px dashed var(--ink-color);margin-bottom:2px}.center-section-text{font-size:.75rem;line-height:1.35}.hp-anvil-brick{grid-column:1;grid-row:5;width:110px;height:70px;position:relative;background-color:var(--ink-color);color:#fff;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:3px 3px #0003;clip-path:polygon(10% 0%,90% 0%,90% 25%,75% 25%,75% 65%,100% 65%,100% 100%,0% 100%,0% 65%,25% 65%,25% 25%,10% 25%);cursor:pointer;transition:transform .1s ease}.hp-anvil-brick:hover{transform:scale(1.03)}.anvil-label{font-family:var(--font-title);font-size:.55rem;color:var(--parchment-bg);letter-spacing:1px;margin-top:-5px}.anvil-current-hp{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:#fff;line-height:1}.anvil-max-hp{font-family:var(--font-mono);font-size:.6rem;color:var(--parchment-dark)}.stuff-column{grid-column:3;grid-row:3 / 5;border:3px solid var(--ink-color);border-radius:6px 3px 8px 4px/4px 6px 3px 7px;background-color:#fff6;padding:6px;display:flex;flex-direction:column;gap:4px;max-height:240px;overflow-y:auto}.stuff-item{font-size:.7rem;border-bottom:1px solid rgba(18,18,16,.1);padding-bottom:2px}.hero-spells-block{grid-column:1 / -1;border:3px solid var(--ink-color);border-radius:4px;padding:.8rem;background-color:#ffffff80;margin-top:.5rem}.spell-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.thief-skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;font-size:.7rem}.thief-skill-item{display:flex;justify-content:space-between;border-bottom:1px dashed var(--ink-color);padding:2px;cursor:pointer}.thief-skill-item:hover{background-color:var(--parchment-dark)}.coin-row-block{grid-column:2 / -1;grid-row:5;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.coin-brick{border:2px solid var(--ink-color);border-radius:3px;background-color:#ffffff80;text-align:center;padding:2px}.coin-lbl{font-family:var(--font-mono);font-size:.55rem;font-weight:700;border-bottom:1px solid var(--ink-color)}.coin-val{font-family:var(--font-mono);font-size:.8rem;font-weight:700}.lucky-sign-banner{grid-column:1 / -1;background-color:var(--parchment-dark);border:2px solid var(--ink-color);border-radius:4px;padding:4px;text-align:center;font-family:var(--font-mono);font-size:.65rem;font-weight:700;text-transform:uppercase}.dice-console-panel{position:fixed;bottom:1.5rem;right:1.5rem;width:280px;background-color:var(--parchment-bg);border:4px solid var(--ink-color);border-radius:5px 8px 4px 6px/6px 4px 8px 5px;box-shadow:0 10px 30px #0009;z-index:1000;overflow:hidden;font-family:var(--font-body)}.dice-console-header{background-color:var(--ink-color);color:var(--parchment-bg);padding:.5rem;font-family:var(--font-mono);font-size:.75rem;font-weight:700;display:flex;justify-content:space-between;align-items:center}.dice-console-close{background:none;border:none;color:var(--crimson-gore);font-weight:700;cursor:pointer;font-family:var(--font-mono);font-size:.9rem}.dice-console-body{padding:.8rem}.dice-formula{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-grey)}.dice-result-box{display:flex;align-items:center;gap:1rem;margin:.6rem 0}.dice-number{font-family:var(--font-title);font-size:2.5rem;font-weight:700;color:var(--crimson-gore)}.dice-calc{font-family:var(--font-mono);font-size:.7rem;line-height:1.2}.success-stamp{position:absolute;top:10px;right:10px;border:3px double var(--crimson-gore);color:var(--crimson-gore);text-transform:uppercase;font-family:var(--font-title);font-weight:700;font-size:.9rem;padding:2px 6px;border-radius:4px;transform:rotate(15deg);opacity:.85;pointer-events:none}.success-stamp.critical-success{background-color:var(--crimson-gore);color:#fff;transform:rotate(-10deg)}.success-stamp.fumble{border-color:var(--ink-color);color:var(--ink-color);transform:rotate(-20deg)}.dice-chain-panel{background-color:var(--parchment-bg);border:3px solid var(--ink-color);border-radius:6px;padding:1rem;text-align:center;max-width:600px;margin:1rem auto}.dice-buttons-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem;margin-top:.5rem}@media (max-width: 500px){.dice-buttons-grid{grid-template-columns:repeat(4,1fr)}}.dice-btn{background-color:#ffffffb3;border:2px solid var(--ink-color);border-radius:3px;padding:4px;font-family:var(--font-mono);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .1s ease}.dice-btn:hover{background-color:var(--crimson-gore);color:#fff}.level-up-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background-color:var(--parchment-bg);border:5px solid var(--ink-color);border-radius:6px;width:90%;max-width:450px;padding:1.5rem;box-shadow:0 10px 40px #000c;font-family:var(--font-body)}.modal-title{font-family:var(--font-title);font-size:1.6rem;color:var(--crimson-gore);text-align:center;margin-bottom:1rem;border-bottom:3px double var(--ink-color);padding-bottom:.5rem}.modal-actions{display:flex;justify-content:flex-end;gap:.8rem;margin-top:1.5rem}@page{size:letter portrait;margin:.3in}@media print{body{background:none;color:#000;padding:0}.print-single .header-panel{border:none!important;box-shadow:none!important;background:none!important;padding:0!important;margin:0 auto 5mm!important;transform:none!important;text-align:center!important;display:block!important}.print-single .print-logo{display:block!important;margin:0 auto!important;height:135px!important}.print-funnel .header-panel,.header-title,.header-subtitle,.controls-container,.dice-console-panel,.dice-chain-panel,.footer-text{display:none!important}.app-container{max-width:100%;margin:0;gap:0}.peasant-grid-container{display:grid!important;grid-template-columns:repeat(2,90mm)!important;grid-template-rows:repeat(2,115mm)!important;gap:6mm!important;justify-content:center!important;width:100%!important;page-break-after:avoid;page-break-inside:avoid!important}.peasant-grid-container .crawl-sheet-card{border:3px solid #000!important;box-shadow:none!important;background:none!important;page-break-inside:avoid!important;height:115mm!important;width:90mm!important;margin:0 auto!important;padding:0!important;overflow:hidden!important;position:relative!important;transform:none!important}.peasant-grid-container .crawl-sheet-card .crawl-card-inner{height:143.75mm!important;width:112.5mm!important;transform:scale(.8)!important;transform-origin:top left!important;padding:1.2rem!important;box-sizing:border-box!important}.print-single .crawl-sheet-card{height:168mm!important;width:132mm!important;font-size:1.2rem!important;margin:0 auto}.crawl-sheet-card.level1-layout{height:230mm!important;width:175mm!important;margin:0 auto}.crawl-sheet-card.level1-layout .crawl-card-inner{grid-template-columns:140px 1fr 170px!important}.single-sheet-container{display:flex;justify-content:center;align-items:center;width:100%;page-break-inside:avoid}}