:root{color:#20222b;background:#f5f2ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:#7b3f31;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{align-items:center;background:#fffaf5;border-bottom:1px solid #e9e0d5;display:flex;gap:2rem;min-height:4.25rem;padding:.75rem max(1.25rem,calc((100vw - 1100px)/2));position:sticky;top:0;z-index:5}.brand{color:#20222b;font-size:1.35rem;font-weight:800;letter-spacing:-.04em}.topbar nav,.account-actions,.button-row,.choice-row,.note-actions{align-items:center;display:flex;gap:.75rem}.topbar nav{flex:1}.topbar nav a,.account-actions a{color:#5b5e68;font-weight:650;padding:.35rem .5rem}.topbar nav a.router-link-active{color:#7b3f31}.account-actions{margin-left:auto}.page-shell{margin:0 auto;max-width:1100px;padding:2.5rem 1.25rem 5rem}.narrow-page{margin:0 auto;max-width:720px}.page-heading,.section-heading{align-items:end;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.section-heading{align-items:center;margin-bottom:1rem}.eyebrow{color:#8a6c5d;font-size:.74rem;font-weight:800;letter-spacing:.08em;margin:0 0 .35rem;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.055em;line-height:1.05;margin-bottom:.75rem}h2{font-size:1.35rem;letter-spacing:-.025em;margin-bottom:.5rem}h3{font-size:1.2rem;margin-bottom:.35rem}.lede{color:#5b5e68;font-size:1.1rem;max-width:650px}.muted{color:#777782;font-size:.88rem}.small-copy{margin-top:1.5rem}.button,.choice-button,.method-button{border:1px solid transparent;border-radius:.7rem;font-weight:750;padding:.65rem 1rem;transition:background .15s ease,border-color .15s ease,transform .15s ease}.button:hover,.choice-button:hover,.method-button:hover{transform:translateY(-1px)}.button:disabled,.choice-button:disabled{cursor:wait;opacity:.55;transform:none}.button-primary{background:#7b3f31;color:#fffaf5}.button-secondary{background:#f0e4d8;color:#643326}.button-quiet{background:transparent;border-color:#ded3c7;color:#5b5e68}.button-large{font-size:1.05rem;padding:.85rem 1.35rem}.text-button{background:transparent;border:0;color:#7b3f31;font-weight:700;padding:.1rem .25rem}.danger-text{color:#a44536}.stack{display:grid;gap:1rem}.feed-section{margin-top:2.75rem}.card,.game-card,.skeleton-card{background:#fffaf5;border:1px solid #e9e0d5;border-radius:1rem;box-shadow:0 8px 24px #4e36240d}.game-card{display:grid;grid-template-columns:150px 1fr;min-height:190px;overflow:hidden}.game-card-image{background:#e8ddd2;display:grid;min-height:190px;place-items:center;overflow:hidden}.game-card-image img{height:100%;object-fit:cover;width:100%}.cover-placeholder{align-items:center;color:#987f70;display:flex;font-size:2.5rem;height:100%;justify-content:center;min-height:150px;width:100%}.game-card-content{padding:1.15rem 1.25rem}.suggestion-message{color:#4f515b;margin-bottom:1rem}.game-card-meta{color:#777782;display:flex;flex-wrap:wrap;font-size:.84rem;gap:.65rem}.game-card-footer{align-items:center;display:flex;gap:.7rem;justify-content:space-between;margin-top:1.25rem}.response-chip,.count-badge{background:#ede5dc;border-radius:999px;color:#6c493d;display:inline-block;font-size:.78rem;font-weight:750;padding:.3rem .55rem}.response-chip-warning{background:#f4d9a8;color:#704b1b}.count-badge{min-width:2rem;text-align:center}.empty-copy{background:#fffaf5;border:1px dashed #d8cabc;border-radius:.8rem;color:#777782;padding:1rem}.alert{border-radius:.7rem;margin:0 0 1rem;padding:.75rem 1rem}.alert-error{background:#fae5e2;color:#8c3026}.alert-success{background:#e0f0e1;color:#286039}.alert-info{background:#e4edf5;color:#2d5673}.skeleton-card{height:180px;opacity:.6}.method-picker{display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem}.method-button{background:#ede5dc;color:#5b5e68}.method-button.selected{background:#7b3f31;color:#fffaf5}.form-card{display:grid;gap:.65rem;margin-top:1rem;padding:1.25rem}.form-card h2{margin-bottom:.25rem}label{font-size:.88rem;font-weight:750;margin-top:.35rem}input,textarea,select{background:#fff;border:1px solid #d8cabc;border-radius:.55rem;color:#20222b;padding:.7rem .75rem;width:100%}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #e5ac55;outline-offset:2px}textarea{resize:vertical}.inline-form{display:flex;gap:.6rem}.inline-form input{flex:1}.result-list{border-top:1px solid #e9e0d5;display:grid;gap:.35rem;margin-top:.75rem;padding-top:.75rem}.result-item{align-items:center;background:transparent;border:0;border-radius:.5rem;display:flex;gap:.75rem;padding:.5rem;text-align:left}.result-item:hover{background:#f3e9df}.result-item img{height:42px;object-fit:cover;width:75px}.result-item span{display:grid;gap:.15rem}.result-item small{color:#777782}.selected-game{display:grid;gap:.25rem;margin-top:1rem;padding:1rem 1.25rem}.checkbox-row{align-items:center;display:flex;gap:.5rem}.checkbox-row input{width:auto}.auth-page{padding-top:8vh}.auth-page .button{margin-top:1rem}.details-page{margin:0 auto;max-width:820px}.details-header{align-items:stretch;display:grid;grid-template-columns:210px 1fr;margin:1rem 0;overflow:hidden}.details-cover{background:#e8ddd2;min-height:230px;object-fit:cover;width:100%}.details-heading{padding:1.5rem}.suggestion-callout{background:#efe4d9;border-left:4px solid #c68560;color:#5b4035;font-size:1.1rem;margin:1rem 0;padding:1rem 1.25rem}.choice-row{flex-wrap:wrap}.choice-button{background:#f2ebe4;border-color:#ded3c7;color:#5b5e68}.choice-button.active{background:#7b3f31;border-color:#7b3f31;color:#fff}.reason-box{border-left:3px solid #d8cabc;display:grid;gap:.55rem;margin-top:.75rem;padding-left:.85rem}.notes-section{margin-top:1rem;padding:1.25rem}.note{border-top:1px solid #e9e0d5;padding:1rem 0}.note p{white-space:pre-wrap}.note-meta{align-items:center;color:#777782;display:flex;font-size:.8rem;justify-content:space-between}.note-actions{justify-content:flex-end}.note-editor{border-top:1px solid #e9e0d5;display:grid;gap:.6rem;padding-top:1rem}.archive-actions{display:flex;gap:.75rem;margin-top:1rem}.account-card{align-items:center;display:flex;gap:1rem;padding:1.25rem}.avatar{align-items:center;background:#7b3f31;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:3.5rem;justify-content:center;width:3.5rem}@media(max-width:650px){.topbar{flex-wrap:wrap;gap:.5rem 1rem}.topbar nav{order:3;flex-basis:100%}.account-actions{margin-left:auto}.page-shell{padding-top:1.5rem}.page-heading{align-items:flex-start;flex-direction:column}.game-card{grid-template-columns:105px 1fr}.game-card-image{min-height:150px}.game-card-content{padding:.9rem}.game-card-meta{gap:.4rem}.game-card-footer{align-items:flex-start;flex-direction:column;gap:.35rem}.method-picker{grid-template-columns:1fr}.inline-form{align-items:stretch;flex-direction:column}.details-header{grid-template-columns:125px 1fr}.details-cover{min-height:155px}.details-heading{padding:1rem}.details-heading h1{font-size:1.8rem}.note-meta{align-items:flex-start;flex-direction:column;gap:.35rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}