@font-face{font-family:PixelSerif;src:url(/yesterday/fonts/PixelSerif_16px_v01.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OldEnglish;src:url(/yesterday/fonts/old-english-five/OldEnglishFive.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SpecialElite;src:url(/yesterday/fonts/SpecialElite-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Caveat;src:url(/yesterday/fonts/Caveat-VariableFont_wght.ttf) format("truetype");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:NewsCycle;src:url(/yesterday/fonts/newscycle-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:NewsCycle;src:url(/yesterday/fonts/newscycle-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--color-paper: #f5f0e6;--color-ink: #1a1a1a;--color-ink-light: #4a4a4a;--color-accent: #8b4513;--color-error: #c41e3a;--color-slant: #2b5797;--color-success: #228b22;--color-selected: #d4c4a8;--color-border: #c4b896;--font-pixel: "PixelSerif", "Georgia", serif;--font-headline: var(--font-pixel);--font-body: var(--font-pixel);--font-ui: var(--font-typewriter);--font-typewriter: "SpecialElite", "Courier New", Courier, monospace;--font-blackletter: "OldEnglish", "Times New Roman", serif;--font-newscycle: "NewsCycle", "Arial", sans-serif;--color-page: #f8f5f0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);font-size:16px;background-color:var(--color-paper);color:var(--color-ink);min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.home-screen{display:flex;flex-direction:column;height:100vh}.inventory-bar{display:flex;justify-content:center;gap:2rem;padding:1rem;background:var(--color-ink);color:var(--color-paper);font-family:var(--font-ui);font-size:.875rem}.inventory-item{display:flex;align-items:center;gap:.5rem}.inventory-label{text-transform:uppercase;letter-spacing:.05em}.inventory-count{font-weight:700;font-size:1.25rem}.main-content{display:flex;flex:1;gap:1px;background:var(--color-border)}.section{flex:1;background:var(--color-paper);padding:1.5rem;display:flex;flex-direction:column}.section-title{font-family:var(--font-headline);font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-bottom:2px solid var(--color-ink);padding-bottom:8px;margin-bottom:16px}.section.active .section-title{color:var(--color-accent);border-color:var(--color-accent)}.reporter-list{display:flex;flex-direction:column;gap:.5rem}.reporter-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border:1px solid transparent;cursor:pointer;transition:all .15s ease}.reporter-item.selected{background:var(--color-selected);border-color:var(--color-accent)}.reporter-photo{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border);flex-shrink:0}.reporter-item.selected .reporter-photo{border-color:var(--color-accent)}.reporter-info{flex:1;min-width:0}.reporter-name{font-weight:700;font-size:1.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reporter-beat{font-size:.75rem;color:var(--color-ink-light);font-style:italic}.reporter-status{font-size:.75rem;margin-top:.25rem}.reporter-status.assigned{color:var(--color-accent)}.reporter-status.free{color:var(--color-ink-light)}.reporter-write-progress{width:100%;height:4px;background:#0000001a;border-radius:2px;margin-top:4px;overflow:hidden}.reporter-write-progress-bar{height:100%;background:var(--color-accent, #c8a96e);transition:width 1s linear}.action-list{display:flex;flex-direction:column;gap:1rem}.action-button{padding:1rem 1.5rem;font-family:var(--font-headline);font-size:1.125rem;text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--color-ink);background:var(--color-paper);color:var(--color-ink);cursor:pointer;transition:all .15s ease;text-align:center}.action-button.selected{background:var(--color-ink);color:var(--color-paper)}.action-button:disabled{opacity:.5;cursor:not-allowed}.controls-hint{padding:.75rem;text-align:center;font-family:var(--font-ui);font-size:.75rem;color:var(--color-ink-light);background:var(--color-paper);border-top:1px solid var(--color-border)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--color-paper);border:3px solid var(--color-ink);padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal-title{font-family:var(--font-typewriter);font-size:38px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px;text-align:left;display:flex;align-items:center;gap:.75rem}.modal-title:after{content:"";flex:1;height:1px;background:var(--color-ink)}.modal-options{display:flex;flex-direction:column;gap:.75rem}.modal-option{display:block;width:100%;padding:1rem;border:2px solid var(--color-ink);background:var(--color-paper);font-family:var(--font-ui);font-size:1rem;cursor:pointer;transition:all .15s ease;text-align:left}.modal-option.selected{background:var(--color-selected);border-color:var(--color-accent)}.pitch-display{margin-bottom:1.5rem}.pitch-text{font-size:1rem;line-height:1.6;margin-bottom:1rem;padding:1rem;background:#fff;border:1px solid var(--color-border)}.pitch-decision{display:flex;gap:1rem;justify-content:center}.pitch-decision button{padding:.75rem 2rem;font-family:var(--font-ui);font-size:1rem;font-weight:700;text-transform:uppercase;border:2px solid var(--color-ink);cursor:pointer;transition:all .15s ease}.pitch-decision button.accept{background:var(--color-success);color:#fff;border-color:var(--color-success)}.pitch-decision button.decline{background:var(--color-paper);color:var(--color-ink)}.pitch-decision button.selected{transform:scale(1.05);box-shadow:0 2px 8px #0003}.timer{text-align:center;font-family:var(--font-ui);padding:1rem;background:var(--color-ink);color:var(--color-paper);margin-top:1rem}.timer-label{font-size:.75rem;text-transform:uppercase;margin-bottom:.25rem}.timer-value{font-size:2rem;font-weight:700}.story-editor{display:flex;flex-direction:column;height:100vh;overflow:hidden}.story-editor-header{padding:.75rem 1rem;border-bottom:2px solid var(--color-ink);background:var(--color-paper);text-align:left}.story-editor-header h1{font-family:var(--font-typewriter);font-size:24px;text-transform:uppercase;letter-spacing:.08em;margin:0;text-align:left}.story-editor-header .progress{display:flex;gap:1rem;font-family:var(--font-typewriter);font-size:1.25rem;color:var(--color-ink-light)}.eagle-eye-popup{position:fixed;top:6rem;right:6rem;font-family:var(--font-typewriter);font-size:2rem;font-weight:700;color:#228b22;pointer-events:none;z-index:1100;animation:eagle-eye-float 1.5s ease-out forwards}@keyframes eagle-eye-float{0%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(-60px)}}.back-to-game-btn{font-family:var(--font-typewriter);font-size:.875rem;padding:.35rem .75rem;background:var(--color-ink);color:var(--color-paper);border:2px solid var(--color-ink);cursor:pointer;margin-bottom:.25rem;transition:background .15s,color .15s}.back-to-game-btn:hover{background:var(--color-paper);color:var(--color-ink)}.story-editor-body{display:flex;flex:1;gap:1px;background:var(--color-border);overflow:hidden;min-height:0}.editor-panel{flex:1;background:var(--color-paper);padding:.75rem;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;min-height:0}.drafts-panel{flex:0 0 30%;overflow:hidden}.drafts-panel .draft-list{overflow-y:auto;flex:1;min-height:0}.sentences-panel{flex:1 1 70%;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a);padding:1rem;display:flex;flex-direction:column;gap:.5rem}.sentences-panel .draft-meta,.sentences-panel .draft-sentences{background:var(--color-page);padding:1rem;box-shadow:0 4px 20px #0006,inset 0 0 40px #00000008;border:1px solid #d4d0c8;font-family:var(--font-typewriter)}.sentences-panel .draft-meta{padding:.5rem 1rem;border-bottom:none;margin-bottom:-1px}.sentences-panel .draft-sentences{flex:1;overflow-y:auto;font-size:1.1rem;color:#000}.sentences-panel>h2{color:#ccc;border-color:#555}.editor-panel.inactive{background:#ece5d6}.sentences-panel.inactive{background:linear-gradient(135deg,#252525,#333,#252525)}.sentences-panel.inactive .draft-meta,.sentences-panel.inactive .draft-sentences{background:#e8e5e0}.editor-panel.active h2{color:var(--color-accent)}.sentences-panel.active>h2{color:#f5f0e6;border-color:#888}.editor-panel h2{font-family:var(--font-headline);font-size:1.125rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid var(--color-ink);padding-bottom:.5rem}.draft-list{display:flex;flex-direction:column;gap:.5rem;font-size:1.1rem;font-family:var(--font-typewriter);list-style:none;padding-left:0;margin:0}.draft-item{padding:.5rem .75rem;border:1px solid transparent;background:#fff;border-radius:.5rem}.draft-item.selected{border-color:var(--color-accent);background:var(--color-selected)}.draft-item.completed{border-color:var(--color-success);background:#e8f4ea}.draft-item-content{display:flex;align-items:center;gap:.75rem}.draft-reporter-photo{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.draft-item-info{flex:1;min-width:0}.draft-title{font-weight:700;font-size:1.1rem}.draft-subtitle{font-size:.85rem;color:var(--color-ink-light)}.draft-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:var(--color-ink-light)}.draft-byline{display:flex;align-items:center;gap:.75rem;background:var(--color-page);padding:.5rem 1rem;box-shadow:0 4px 20px #0006,inset 0 0 40px #00000008;border:1px solid #d4d0c8;margin-bottom:-1px}.sentences-panel.inactive .draft-byline{background:#e8e5e0}.byline-photo{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--color-ink-light);flex-shrink:0}.byline-info{flex:1;min-width:0}.sentences-panel .byline-headline{font-family:var(--font-typewriter);font-size:1.25rem;font-weight:700;margin:0 0 .25rem;padding-bottom:.25rem;border-bottom:1px solid var(--color-border);color:#000;text-transform:uppercase;letter-spacing:.05em;text-align:left}.byline-meta{display:flex;gap:.5rem;font-family:var(--font-typewriter);font-size:.95rem;color:var(--color-ink-light);text-align:left}.byline-reporter{font-style:italic}.byline-date{color:var(--color-ink-light)}.draft-sentences{display:flex;flex-direction:column;gap:.75rem}.draft-paragraph{line-height:1.7;margin-bottom:.75rem}.sentences-panel .draft-paragraph{line-height:1.6;margin-bottom:.75rem;text-indent:1.5rem}.sentences-panel .draft-paragraph:first-child{text-indent:0}.sentences-panel .draft-paragraph.section-header{text-indent:0;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-top:2rem;margin-bottom:1rem}.sentences-panel .draft-paragraph.section-header:first-child{margin-top:0}.draft-sentence{display:inline;padding:.1rem .2rem;border-radius:4px;border:1px solid transparent;margin-right:.2rem}.draft-sentence.selected{background:#ff0;border-color:transparent;font-weight:700}.draft-sentence.error{color:var(--color-error);text-decoration:underline}.draft-sentence.fixed{color:var(--color-success, #2e7d32)}.draft-sentence.slant{color:#1976d2;text-decoration:underline;text-decoration-style:wavy}.story-editor-empty{flex:1;padding:3rem;text-align:center;font-family:var(--font-ui);color:var(--color-ink-light)}.error-correction-modal{max-width:960px;font-family:var(--font-typewriter)}.error-context{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.context-sentence{font-size:1.15rem;line-height:1.15;padding-left:16px}.context-sentence.muted-near{opacity:.85;color:var(--color-ink-light)}.context-sentence.muted-far{opacity:.7;color:var(--color-ink-light)}.context-sentence.has-error{color:var(--color-error)}.context-sentence.has-slant{color:var(--color-slant)}.context-sentence.current{font-size:1.3rem;font-weight:700;color:var(--color-error);background:#ff0;position:relative;padding:.35rem 1.25rem;margin-left:0}.context-sentence.current:before{content:"▶";position:absolute;left:0;top:50%;transform:translateY(-50%);color:#c00;font-size:1rem;animation:arrow-nudge 1.5s ease-in-out infinite}.context-sentence.current:after{content:"◀";position:absolute;right:0;top:50%;transform:translateY(-50%);color:#c00;font-size:1rem;animation:arrow-nudge-right 1.5s ease-in-out infinite}@keyframes arrow-nudge{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(4px)}}@keyframes arrow-nudge-right{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(-4px)}}.error-options{display:grid;gap:.75rem;padding-left:20px}.error-option{padding:.4rem .6rem;font-family:var(--font-typewriter);font-size:1.1rem;text-align:left;border:1px solid var(--color-ink);border-radius:4px;background:var(--color-paper);cursor:pointer}.error-option.selected{border-color:var(--color-accent);background:var(--color-selected)}.error-explanation{margin-top:.75rem;padding:.75rem 1rem;font-family:var(--font-typewriter);font-size:1rem;font-weight:700;color:var(--color-error);line-height:1.4;min-height:2rem}.error-correction-modal.slant .error-explanation{color:var(--color-slant)}.typewriter-cursor{animation:blink-cursor .7s step-end infinite}@keyframes blink-cursor{0%,50%{opacity:1}51%,to{opacity:0}}.error-correction-modal.slant .context-sentence.current{color:var(--color-slant)}.error-correction-modal.slant .error-option.selected{border-color:var(--color-slant);background:#e8eef5}.error-correction-modal.slant .error-feedback.error{border-color:var(--color-slant);color:var(--color-slant)}.page-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.layout-header{padding:.75rem 1rem;border-bottom:2px solid var(--color-ink);background:var(--color-paper)}.layout-header h1{font-family:var(--font-headline);font-size:24px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.page-tabs{display:flex;gap:.75rem;flex-wrap:wrap}.page-tab{padding:.5rem .75rem;border:2px solid var(--color-ink);font-family:var(--font-ui);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;background:var(--color-paper);cursor:pointer}.page-tab.active{background:var(--color-selected);border-color:var(--color-accent)}.page-tab.focused{outline:2px dashed var(--color-accent);outline-offset:2px}.page-tab-section{font-weight:700;font-size:1.4em}.page-tab-type{font-size:.75rem;opacity:.7;margin-top:2px;text-transform:uppercase;letter-spacing:.06em}.page-tab-fill-bar{width:100%;height:4px;background:var(--color-border);border-radius:2px;margin-top:4px;overflow:hidden}.page-tab-fill-bar-inner{height:100%;background:var(--color-accent);border-radius:2px;transition:width .3s ease}.layout-body{display:grid;grid-template-columns:1fr 280px;gap:.75rem;padding:.75rem;flex:1;min-height:0;overflow:hidden}.layout-grid-panel{background:var(--color-paper);border:2px solid var(--color-border);padding:.75rem;position:relative;overflow-y:auto;min-height:0}.pane-dim{opacity:.45}.layout-sidebar{display:flex;flex-direction:column;gap:.5rem;font-family:var(--font-ui);max-width:280px;overflow-y:auto;min-height:0}.layout-status{border:2px solid var(--color-border);padding:.5rem .75rem;background:#fff}.layout-status h2{font-family:var(--font-headline);font-size:1rem;text-transform:uppercase;margin-bottom:.5rem}.layout-status ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.layout-status .hint{font-size:.75rem;color:var(--color-ink-light);margin-top:.5rem}.layout-step{display:flex;flex-direction:column;gap:.5rem}.layout-step:not(.active){opacity:.55;border-color:var(--color-border)}.layout-step.active{border-color:var(--color-accent);box-shadow:0 0 0 2px #8b45131a;opacity:1}.size-step{background:#f0e7d6;border-style:dashed;padding:.5rem .75rem;margin-top:-1rem;border-top:none}.size-step-compact .size-header-row{display:flex;align-items:baseline;gap:.5rem}.size-step-compact .size-header-row h2{margin-bottom:0}.size-step-compact .size-value{font-family:var(--font-ui);font-size:.9rem}.size-step-compact .size-warning{color:var(--color-error);font-weight:700;font-size:.85rem}.selector-list.compact .selector-item{padding:.4rem .6rem}.selector-list.active .selector-item{border-color:var(--color-accent);background:var(--color-selected)}.headline-controls{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;position:relative}.headline-step{width:28px;height:28px;border:2px solid var(--color-ink);background:var(--color-paper);font-family:var(--font-ui);font-size:1rem;cursor:pointer}.headline-size-value{font-family:var(--font-ui);font-size:.75rem;color:var(--color-ink-light)}.headline-step:disabled{opacity:.4;cursor:not-allowed}.headline-label{font-family:var(--font-ui);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.headline-controls.active{border:2px solid var(--color-accent);padding:.25rem;background:var(--color-selected)}.place-story-button{margin-top:.75rem;padding:.6rem .9rem;border:2px solid var(--color-ink);background:var(--color-ink);color:var(--color-paper);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.place-story-button.active-step{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.place-story-button:disabled{background:var(--color-border);border-color:var(--color-border);color:var(--color-ink-light);cursor:not-allowed}.cli-overlay{position:fixed;bottom:1rem;right:1rem;width:380px;max-height:60vh;background:#111;color:#f5f0e6;border:2px solid #333;font-family:var(--font-ui);display:flex;flex-direction:column;z-index:300;box-shadow:0 12px 32px #0006}.cli-header{padding:.5rem .75rem;display:flex;justify-content:space-between;border-bottom:1px solid #333;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.cli-log{padding:.75rem;overflow-y:auto;flex:1;font-size:.75rem;line-height:1.4}.cli-line{margin-bottom:.25rem}.cli-input{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-top:1px solid #333}.cli-input input{flex:1;background:transparent;border:none;color:#f5f0e6;font-family:var(--font-ui);font-size:.85rem;outline:none}.cli-mode{color:#b7a88a}.layout-status .warning{color:var(--color-error);font-weight:700}.grid-selector{display:flex;flex-direction:column;gap:1rem}.grid-canvas{display:grid;gap:2px;position:relative}.grid-cell{aspect-ratio:1 / 1;border:1px solid var(--color-border);background:#fff}.grid-cell.occupied{background:#b7a88a}.grid-cell.cursor{outline:2px solid var(--color-accent)}.grid-cell.selected{background:var(--color-selected)}.grid-cell-label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--font-ui);font-size:.45rem;color:var(--color-ink-light);opacity:.4;pointer-events:none;text-transform:uppercase;letter-spacing:.05em}.grid-preview{position:absolute;left:calc((var(--preview-col-start) / var(--grid-cols)) * 100%);top:calc((var(--preview-row-start) / var(--grid-rows)) * 100%);width:calc(((var(--preview-col-end) - var(--preview-col-start)) / var(--grid-cols)) * 100%);height:calc(((var(--preview-row-end) - var(--preview-row-start)) / var(--grid-rows)) * 100%);background:#ffffffeb;border:2px solid var(--color-ink);padding:8px;overflow:hidden;display:flex;flex-direction:column;gap:8px;font-family:var(--font-body);z-index:2;pointer-events:none;--preview-gap: 12px}.grid-preview.placed{background:#fffffffa;border-color:#333;z-index:1}.preview-headline{font-family:var(--font-headline);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-ink);padding-bottom:4px}.preview-dimensions{font-family:var(--font-ui);font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-light)}.preview-body{display:block;column-count:var(--preview-cols);column-gap:var(--preview-gap);column-fill:auto;height:100%;font-size:8px;line-height:1.5}.preview-body-grid{display:grid;grid-template-columns:repeat(var(--preview-cols),1fr);grid-template-rows:auto 1fr;gap:var(--preview-gap);height:100%;font-size:8px;line-height:1.5;align-items:start}.preview-body-grid.has-caption{grid-template-rows:auto auto 1fr}.preview-art-caption{font-style:italic;font-size:.85em;line-height:1.3;color:#444;padding:2px 0;white-space:normal;word-wrap:break-word}.preview-art-grid{background:#000;border:1px solid #222;overflow:hidden;height:auto}.preview-art-grid img{width:100%;height:auto;display:block;object-fit:contain}.preview-column{min-height:0}.preview-art{width:calc((100% / var(--preview-cols)) * var(--art-cols) + (var(--preview-gap) * (var(--art-cols) - 1)));height:auto;background:#000;float:none;margin:0 0 .5rem;overflow:hidden;border:1px solid #222;break-inside:avoid}.preview-art.float-right{float:right;margin:0 0 .5rem .5rem}.preview-art img{width:100%;height:auto;object-fit:contain;display:block}.preview-text{white-space:normal}.preview-paragraph{margin:0;text-indent:1em}.preview-paragraph:first-child{text-indent:0}.selection-hint{font-family:var(--font-ui);font-size:.75rem;color:var(--color-ink-light)}.selector-modal{max-width:600px}.selector-list{display:flex;flex-direction:column;gap:.75rem}.selector-item{padding:.75rem 1rem;border:2px solid var(--color-ink);background:var(--color-paper);font-family:var(--font-ui);text-align:left;display:flex;flex-direction:column;gap:.25rem}.selector-item.selected{background:var(--color-selected);border-color:var(--color-accent)}.selector-meta{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-light)}.size-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selector-carousel{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;position:relative;overflow:hidden}.selector-bracket{font-weight:700;letter-spacing:.02em;white-space:normal;word-wrap:break-word}.selector-ear{position:absolute;top:50%;transform:translateY(-50%);font-size:1.1rem;color:var(--color-ink-light)}.selector-ear.left{left:-.75rem}.selector-ear.right{right:-.75rem}.selector-text{font-size:.95rem;line-height:1.4}.selector-lede{font-size:.8rem;color:var(--color-ink-light);line-height:1.3;width:100%;white-space:normal;word-wrap:break-word}.art-option{display:flex;gap:.75rem;align-items:flex-start}.art-placeholder{width:48px;height:48px;background:#000;border:2px solid var(--color-ink)}.art-preview{width:100%;max-width:100%;display:flex;flex-direction:column;gap:.4rem}.art-preview img{width:100%;height:auto;object-fit:contain;object-fit:cover;display:block;border:2px solid var(--color-ink);background:#000}.art-size-selector{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;border:1px solid transparent;font-family:var(--font-ui);position:relative}.art-size-selector.active{border-color:var(--color-accent);background:var(--color-selected)}.art-description{padding:.4rem .5rem;font-size:.7rem;line-height:1.3;color:var(--color-ink-light);background:#ffffffe6;border-top:1px solid rgba(0,0,0,.2)}.art-copy{display:flex;flex-direction:column;gap:.25rem}@media(max-width:960px){.layout-body{grid-template-columns:1fr}}.tilemap-explorer{display:flex;flex-direction:column;height:100vh;background:var(--color-ink)}.phaser-container{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden}.phaser-container canvas{border:2px solid var(--color-border);box-shadow:0 4px 12px #0000004d}.tilemap-controls{display:flex;justify-content:center;gap:2rem;padding:.75rem;background:var(--color-paper);border-top:2px solid var(--color-border)}.tilemap-controls .control-hint{font-family:var(--font-ui);font-size:.875rem;color:var(--color-ink-light)}.editor-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center}.editor-overlay-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3}.editor-overlay-content{position:relative;width:95vw;height:95vh;max-width:1600px;background:var(--color-paper);border:3px solid var(--color-ink);box-shadow:0 8px 32px #0006;overflow:auto}.editor-overlay-content .story-editor{min-height:100%}.editor-overlay-content .story-editor-header{position:sticky;top:0;z-index:10}.layout-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center}.layout-overlay-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3}.layout-overlay-content{position:relative;width:95vw;height:95vh;max-width:1600px;background:var(--color-paper);border:3px solid var(--color-ink);box-shadow:0 8px 32px #0006;overflow:hidden}.layout-overlay-content .page-layout{height:100%}.layout-overlay-content .layout-header{flex-shrink:0;z-index:10}.page-masthead{background:#fff;border:1px solid var(--color-ink);border-bottom-width:2px;color:var(--color-ink)}.page-masthead-front{padding:.25rem .5rem}.masthead-row{display:flex;align-items:center;justify-content:space-between}.masthead-row-top{padding-bottom:.125rem;border-bottom:1px solid var(--color-ink)}.masthead-row-bottom{padding-top:.125rem}.masthead-left,.masthead-right{flex:0 0 auto;min-width:80px}.masthead-center{flex:1;text-align:center}.masthead-right{text-align:right}.masthead-title{font-family:var(--font-blackletter);font-size:2rem;font-weight:400;letter-spacing:.02em;line-height:1;margin:0}.masthead-year{font-family:var(--font-newscycle);font-size:.5rem;line-height:1.2}.masthead-edition{font-family:var(--font-newscycle);font-weight:700;font-size:.5rem;line-height:1.1;display:flex;flex-direction:column;align-items:flex-end}.masthead-location{font-family:var(--font-newscycle);font-size:.45rem;letter-spacing:.05em}.masthead-price-left,.masthead-price-right{font-family:var(--font-newscycle);font-size:.45rem}.page-masthead-inner{display:flex;align-items:center;justify-content:space-between;padding:.15rem .5rem;font-family:var(--font-newscycle);font-size:.5rem}.page-masthead-inner-tall{padding:.3rem .5rem}.page-masthead-inner-tall .masthead-inner-title-sans{font-size:1.3rem}.page-masthead-inner-tall .masthead-inner-title-blackletter{font-size:1.5rem}.page-masthead-inner-tall .masthead-inner-title-sports{font-family:var(--font-newscycle);font-size:1.95rem;font-weight:700;margin-left:.3rem}.masthead-inner-left,.masthead-inner-right{flex:0 0 auto;min-width:60px}.masthead-inner-center{flex:1;text-align:center}.masthead-inner-right{text-align:right}.masthead-inner-section{font-weight:700}.masthead-inner-name{font-family:var(--font-blackletter);font-size:.75rem}.masthead-inner-title-sans{font-family:var(--font-newscycle);font-size:.65rem;font-weight:700}.masthead-inner-title-blackletter{font-family:var(--font-blackletter);font-size:.75rem}.notebook-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center}.notebook-overlay-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3}.notebook-overlay-content{position:relative;width:95vw;height:95vh;max-width:1000px;overflow:auto}.notebook-pad{background:#fff9c4;min-height:100%;padding:20px 30px 20px 50px;font-family:Caveat,cursive;background-image:repeating-linear-gradient(transparent,transparent 27px,#B3D4FC 27px,#B3D4FC 28px),linear-gradient(90deg,transparent 49px,#F4A0A0 49px,#F4A0A0 51px,transparent 51px)}.notebook-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #333}.notebook-title{font-size:20px;font-weight:700;color:#333;text-transform:uppercase;letter-spacing:2px}.notebook-close{background:none;border:1px solid #666;color:#666;font-family:Caveat,cursive;font-size:14px;padding:4px 12px;cursor:pointer}.notebook-close:hover{background:#eee}.notebook-empty{text-align:center;color:#888;font-size:14px;font-style:italic;margin-top:40px}.notebook-group{margin-bottom:14px;padding:6px;border-left:3px solid transparent;transition:border-color .15s,background-color .15s}.notebook-group-selected{border-left-color:#c62828;background:#c628280f}.notebook-slug{font-size:16px;font-weight:700;color:#333;text-transform:uppercase;border-left:4px solid #C62828;padding-left:10px;margin:12px 0 8px}.notebook-bubbles{margin-left:14px}.notebook-bubbles.multi{display:flex;gap:8px;flex-wrap:wrap}.notebook-bubble{background:#fff;border:2px solid #666;border-radius:10px;padding:8px 12px;margin:4px 0;position:relative}.notebook-bubbles.single .notebook-bubble{max-width:600px}.notebook-bubbles.multi .notebook-bubble{flex:1 1 0;min-width:200px}.notebook-bubbles.single .notebook-bubble:before{content:"";position:absolute;left:-10px;top:12px;border:6px solid transparent;border-right-color:#666}.notebook-bubbles.single .notebook-bubble:after{content:"";position:absolute;left:-7px;top:13px;border:5px solid transparent;border-right-color:#fff}.notebook-bubbles.multi .notebook-bubble:before{content:"";position:absolute;top:-10px;left:20px;border:6px solid transparent;border-bottom-color:#666}.notebook-bubbles.multi .notebook-bubble:after{content:"";position:absolute;top:-7px;left:21px;border:5px solid transparent;border-bottom-color:#fff}.notebook-bubble-reporter{font-weight:700;font-size:12px;color:#c62828;margin-bottom:2px}.notebook-bubble-text{font-size:16px;color:#333;font-style:italic;line-height:1.15}.notebook-hint{text-align:center;color:#999;font-size:12px;font-family:var(--font-ui);padding:10px 0 4px}.notebook-delete-confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10}.notebook-delete-confirm{background:var(--color-paper);border:3px solid var(--color-ink);padding:16px 24px;text-align:center;box-shadow:0 4px 16px #0000004d}.notebook-delete-confirm-title{font-family:var(--font-headline);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink);margin-bottom:8px}.notebook-delete-confirm-slug{font-style:italic;color:var(--color-ink-light);margin-bottom:16px;font-size:.95rem}.notebook-delete-confirm-options{display:flex;gap:16px;justify-content:center}.notebook-delete-confirm-options>div{padding:8px 20px;border:2px solid var(--color-border);color:var(--color-ink-light);font-family:var(--font-ui);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}.notebook-delete-confirm-options>div.selected{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-selected)}.grid-preview.placed.highlighted{outline:3px solid #FFD700;outline-offset:-1px;z-index:3;filter:brightness(1.1)}.placed-story-modify-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-ui);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;pointer-events:none;z-index:4}.removal-confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10}.removal-confirm{background:var(--color-paper);border:3px solid var(--color-ink);padding:24px 32px;text-align:center;box-shadow:0 4px 16px #0000004d}.removal-confirm-title{font-family:var(--font-headline);font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink);margin-bottom:12px}.removal-confirm-headline{font-style:italic;color:var(--color-ink-light);margin-bottom:16px;font-size:.95rem}.removal-confirm-options{display:flex;gap:16px;justify-content:center}.removal-confirm-options>div{padding:8px 20px;border:2px solid var(--color-border);color:var(--color-ink-light);font-family:var(--font-ui);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.removal-confirm-options>div.selected{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-selected)}.story-select-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.story-select-card{background:var(--color-paper);border:3px solid var(--color-ink);padding:32px 40px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0006}.story-select-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.story-select-nav .selector-ear{color:var(--color-accent);font-size:24px;font-weight:700}.story-select-counter{font-family:var(--font-ui);font-size:14px;color:var(--color-ink-light);text-transform:uppercase;letter-spacing:.05em}.story-select-slug{font-family:var(--font-headline);font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink);margin-bottom:8px}.story-select-meta{font-family:var(--font-ui);font-size:12px;color:var(--color-ink-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;opacity:.7}.story-select-text{font-family:var(--font-body);font-size:14px;line-height:1.6;color:var(--color-ink);margin-bottom:20px}.story-select-text p{margin:0 0 8px;text-indent:1.5em}.story-select-text p:first-child{text-indent:0}.story-select-truncated{color:var(--color-ink-light);font-style:italic}.story-select-hint{font-family:var(--font-ui);font-size:11px;color:var(--color-ink-light);text-align:center;text-transform:uppercase;letter-spacing:.05em;border-top:1px solid var(--color-border);padding-top:12px}.story-select-empty{background:var(--color-paper);border:3px solid var(--color-ink);padding:32px 48px;text-align:center;max-width:500px;box-shadow:0 8px 32px #0006}.story-select-empty-title{font-family:var(--font-headline);font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.story-select-empty p{font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--color-ink-light);margin-bottom:16px}.story-select-empty-hint{font-family:var(--font-ui);font-size:11px;color:var(--color-ink-light);text-transform:uppercase;letter-spacing:.05em}.publish-tab{margin-left:auto;padding:.75rem 1.25rem;border:2px solid #c41e3a;font-family:var(--font-ui);font-size:1.275rem;text-transform:uppercase;letter-spacing:.05em;background:#c41e3a;color:#fff;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center}.publish-tab.focused{outline:2px dashed #ff4466;outline-offset:2px;background:#e02040}.publish-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.publish-confirm{background:var(--color-paper);border:3px solid var(--color-ink);padding:32px 48px;text-align:center;box-shadow:0 8px 32px #0006}.publish-confirm-title{font-family:var(--font-headline);font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px}.publish-confirm-options{display:flex;gap:16px;justify-content:center}.publish-confirm-options>div{padding:10px 24px;border:2px solid var(--color-border);color:var(--color-ink-light);font-family:var(--font-ui);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}.publish-confirm-options>div.selected{border-color:#c41e3a;color:#c41e3a;background:#fde8ec}.publish-results{display:grid;grid-template-columns:2fr 1fr;gap:2rem;padding:2rem;height:100%;min-height:0;background:var(--color-paper);font-family:var(--font-ui);animation:fadeIn .6s ease-out;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.publish-results-preview{display:flex;flex-direction:column;gap:1rem;min-height:0;overflow-y:auto}.publish-results-preview-nav{display:flex;align-items:center;justify-content:center;gap:1rem;font-family:var(--font-ui);font-size:1rem;text-transform:uppercase;letter-spacing:.05em}.publish-results-preview-nav button{padding:.4rem .8rem;border:2px solid var(--color-ink);background:var(--color-paper);font-family:var(--font-ui);font-size:1rem;cursor:pointer}.publish-results-preview-nav button:hover{background:var(--color-selected)}.publish-results-preview-nav .publish-fold-btn{cursor:pointer;opacity:.7;background:none;border:1px solid currentColor;color:inherit;padding:4px 8px;font-family:inherit;font-size:.875rem}.publish-results-preview-nav .publish-fold-btn.active{opacity:1;background:var(--color-accent, #e8d5b0)}.publish-results-preview-nav .publish-download-btn{margin-left:auto;background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.publish-results-preview-nav .publish-download-btn:hover{background:#333}.publish-page-wrapper{position:relative;overflow-y:auto;overflow-x:hidden}.publish-page-view{border:2px solid var(--color-ink);background:#fff}.publish-page-view .grid-selector,.publish-page-view .grid-canvas{gap:0}.publish-page-view .grid-cell{border:none;background:transparent}.publish-page-view .grid-cell.occupied{background:transparent}.publish-page-view .grid-preview.placed{border:none;background:#fff;box-shadow:none}.publish-page-view .selection-hint,.publish-page-view .grid-cell-label,.publish-page-view .placed-story-modify-overlay{display:none}.publish-page-view .grid-preview.placed.highlighted{outline:none;filter:none}.publish-results-score{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-top:2rem;min-height:0;overflow-y:auto}.publish-score-capture{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem;border:1px solid #ccc;border-radius:8px}.publish-results-header{display:flex;align-items:center;gap:.5rem;font-family:var(--font-headline);font-size:36px;text-transform:uppercase;letter-spacing:.08em;text-align:center}.publish-results-header .publish-download-btn{padding:.4rem .6rem;border:2px solid var(--color-ink);background:var(--color-ink);color:var(--color-paper);border-radius:6px;cursor:pointer;display:flex;align-items:center}.publish-results-header .publish-download-btn:hover{background:#333}.score-counter{font-family:SpecialElite,Courier New,monospace;font-size:72px;font-weight:700;text-align:center}.score-counter.score-negative{color:#b33}.score-label{font-family:var(--font-ui);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-ink-light)}.score-breakdown{width:100%;max-width:320px;border-top:2px solid var(--color-ink);padding-top:1rem}.score-breakdown-row{display:flex;justify-content:space-between;align-items:baseline;padding:.3rem 0;border-bottom:1px solid var(--color-border);font-size:.8rem}.score-breakdown-headline{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:.5rem}.score-breakdown-page{color:var(--color-ink-light);margin-right:.5rem;font-size:.75rem}.score-breakdown-photo{margin-right:.5rem;font-size:.75rem}.score-breakdown-points{font-weight:700;min-width:40px;text-align:right}.score-line-items{width:100%;max-width:320px;margin-top:.75rem;border-top:2px solid var(--color-ink);padding-top:.5rem}.score-line-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;padding:.25rem 0;font-size:.8rem}.score-line-detail{width:100%;margin:.15rem 0 0;padding:0 0 0 1rem;list-style:disc;font-size:.7rem;opacity:.85}.score-line-label{flex:1}.score-line-value{font-weight:700;min-width:50px;text-align:right}.score-line-bonus .score-line-value{color:#2d7d46}.score-line-penalty .score-line-value{color:#b33}.continuation-line{font-family:var(--font-ui);font-size:.65em;font-style:italic;text-align:right;color:var(--color-ink-light);padding-top:2px;border-top:1px solid var(--color-border);margin-top:auto;grid-column:1 / -1}.publish-page-view .grid-preview.placed{pointer-events:auto;cursor:pointer}.publish-page-view .grid-preview.placed:hover{outline:none}.clipping-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200}.clipping-modal{background:#fff;border:3px solid var(--color-ink);padding:1.5rem;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;gap:1rem}.clipping-content-wrapper{overflow:auto;flex:1;min-height:0}.clipping-clone-container{padding:12px;background:#fff}.clipping-clone-container .grid-preview.placed{border:none;background:#fff;box-shadow:none;pointer-events:none}.clipping-clone-container .placed-story-modify-overlay{display:none}.clipping-clone-container .grid-preview.placed.highlighted{outline:none;filter:none}.clipping-actions{display:flex;gap:1rem;justify-content:flex-end}.clipping-actions button{padding:.5rem 1.25rem;border:2px solid var(--color-ink);font-family:var(--font-ui);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}.clipping-actions .clipping-download-btn{background:var(--color-ink);color:var(--color-paper)}.clipping-actions .clipping-close-btn{background:var(--color-paper);color:var(--color-ink)}.receptionist-box{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:1rem;padding-top:1rem}.receptionist-scene{position:relative;width:256px;height:256px;image-rendering:pixelated}.receptionist-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated}.receptionist-bg{z-index:1}.receptionist-char{z-index:2;width:40%;height:40%;inset:auto;top:30%;left:10%}.receptionist-fg{z-index:3}.receptionist-bubble{position:relative;background:#fff;border:2px solid var(--color-ink);border-radius:8px;padding:.5rem .75rem;font-family:Courier New,Courier,monospace;font-size:1.05rem;font-weight:700;line-height:1.4;color:var(--color-ink);width:256px;min-height:1.8em;text-align:left}.receptionist-bubble:after{content:"";position:absolute;top:-8px;left:20%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid var(--color-ink)}.receptionist-bubble:before{content:"";position:absolute;top:-5px;left:20%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid #ffffff;z-index:1}.receptionist-cursor{animation:blink .6s step-end infinite;color:var(--color-ink-light)}@keyframes blink{50%{opacity:0}}@media(max-height:800px){.publish-results{gap:1rem;padding:1rem}.publish-results-score{gap:1rem;padding-top:1rem}.publish-score-capture{gap:.75rem;padding:.75rem}.publish-results-header{font-size:24px}.score-counter{font-size:48px}.receptionist-scene{width:180px;height:180px}.receptionist-bubble{width:180px;font-size:.85rem}}