/* Deep Cut 0.11 — the after-hours game shop.
   Materials are standalone approved assets. Reference previews are never shipped. */
:root{--bg:#100e0b;--panel:#171510;--panel2:#242018;--cream:#f3e8cf;--muted:#c4b89f;--line:#62523a;--amber:#f3bb5f;--paper:#dfc79e}
body{background:#100e0b;isolation:isolate}
.cinematic-environment{display:block;position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#09080655,#0908069c 30%,#09080685 72%,#09080633),linear-gradient(0deg,#100e0b66,transparent 60%),url('environment/archive-shop.webp') center/cover no-repeat}
.appbar{height:82px;border-bottom:1px solid #9b794c66;background:linear-gradient(#14120ef5,#11100df2),url('textures/charcoal-grain.webp');box-shadow:0 6px 22px #0005;gap:42px}
.brand img{width:178px}.navbtn{font-size:14px;letter-spacing:.025em}.navbtn.active{color:var(--amber)}
.header-search{border-radius:2px;background:#09090988;border-color:#76644880}.user-token{box-shadow:0 0 0 3px #c1a66a18}
.screen{padding-top:30px;padding-bottom:42px}.home-dashboard{padding-top:30px}
h2,.screen-title,.catalog-head h2{font-size:clamp(2rem,3vw,2.8rem);letter-spacing:-.025em}
.micro{font-size:12px;letter-spacing:.12em}.entry-note{font-size:14px}
.ticket-btn,.say-btn,.discord-btn{border-radius:2px;background:linear-gradient(#ffffff05,#0002),url('textures/charcoal-grain.webp') center/cover;border-color:#97815b;box-shadow:inset 0 1px #f8e4b51a,0 3px 8px #0003}
.ticket-btn.primary,.say-btn{background:linear-gradient(#f7c77188,#eab05866),url('textures/amber-paper.webp') center/cover;border-color:#e8bc76;color:#251c0e;box-shadow:inset 0 1px #ffe3a5,0 3px 0 #725127,0 6px 14px #0004}
/* A real open crate, with independently rendered game covers. */
#homeScreen{max-width:1600px}.landing{min-height:700px;grid-template-columns:.95fr 1.12fr;gap:55px;padding:44px max(44px,calc((100vw - 1280px)/2));background:linear-gradient(90deg,#100e0beb 0%,#100e0b75 43%,#100e0b12 80%),linear-gradient(0deg,#100e0b,transparent 23%),url('environment/archive-shop.webp') center 55%/cover}
.hero-logo{width:288px;max-height:168px;margin:18px 0 25px}.hero h1{font-size:clamp(2.3rem,3.05vw,3rem);max-width:500px;line-height:1.15}.hero-copy .lead{font-size:17px;color:#e0d3ba}
.hero-kicker{font-size:12px;letter-spacing:.11em}.hero-world{padding-top:110px;padding-bottom:35px;align-self:center}.hero-annotation{right:25px;top:0;font-size:23px;padding:16px 22px;transform:rotate(5deg);z-index:5;box-shadow:0 6px 18px #0008}
.crate-display{position:relative;padding:24px 38px 58px;min-height:360px}
.display-crate{position:absolute;inset:auto -4% -25% -4%;width:108%;max-width:none;height:95%;object-fit:fill;pointer-events:none;z-index:0;filter:drop-shadow(0 16px 12px #0009)}
.crate-front{z-index:2;clip-path:inset(62% 0 0);filter:none}
.crate-cards{position:relative;z-index:1;padding:0;gap:10px;align-items:end}
.hero-card{border:1px solid #837251;border-left:7px solid #151515;background:#1b1914;padding:4px 4px 0;box-shadow:3px 4px 0 #0d0b09,6px 12px 20px #000a;transform:rotate(-5deg) translateY(8px)}
.hero-card-2{transform:translateY(-12px) rotate(-1deg)}.hero-card-3{transform:rotate(5deg) translateY(5px)}
.hero-card-cover{border:1px solid #9880586e}.hero-card-cover img{object-fit:contain}.hero-card-meta{background:linear-gradient(#ead5ae55,#ead5ae55),url('textures/cream-paper.webp') center/cover;color:#292217;padding:10px 6px;gap:5px;min-height:74px;margin-top:4px}.hero-card-meta strong{font-family:var(--serif);font-size:15px;min-height:35px;line-height:1.12}.hero-card-meta b{font-size:11px;color:#65451a;white-space:normal}.hero-scribble{font-size:23px;margin:25px 6px 0;text-align:center;transform:rotate(-3deg)}.hero-example{text-align:center;font-size:11px;margin-top:15px;color:#d1c0a0}.hero-values{gap:18px;margin-top:28px}.hero-values b{font-size:13px}.hero-values small{font-size:13px;color:#c9bba1}
/* Paper headings and tabbed catalog. */
.catalog-head,.matches-layout>.panel>.panel-paper-head,.note-card>.panel-paper-head,.note-preview>.panel-paper-head{color:#2b241a;background:linear-gradient(#ead5ae55,#ead5ae55),url('textures/cream-paper.webp') center/cover;border:1px solid #a98b60;box-shadow:0 4px 12px #0005;position:relative;padding:23px 26px;border-radius:1px}
.catalog-head:after,.matches-layout>.panel>.panel-paper-head:after,.note-card>.panel-paper-head:after{content:'';position:absolute;inset:0;pointer-events:none;background:url('textures/edge-wear-overlay.webp') center/100% 100%;opacity:.35}
.catalog-head .micro,.panel-paper-head .micro{color:#715225}.catalog-head p,.panel-paper-head p{color:#574630;font-size:15px}.panel-paper-head h2{color:#2b241a}.catalog-head{margin-bottom:20px}.catalog-head h2{margin-bottom:8px}
.flow-steps{padding:12px 0 20px;margin-bottom:22px;border-color:#9b80544f;gap:32px}.flow-steps li{color:#cabea5}.flow-steps b{border-color:#91764c;background:#100e0b90}.flow-steps .current{color:#f3deaf}
.catalog-tools{gap:7px}.catalog-search-wrap{margin-bottom:10px}.catalog-search{background:#14130fed;border-color:#90764f;border-radius:2px;box-shadow:inset 0 3px 12px #0005;min-height:54px}
.chip{background:#171510e8;border-color:#7b6746;color:#d7c6a4;border-radius:2px;font-size:14px}.chip.active{background:linear-gradient(#ead5ae55,#ead5ae55),url('textures/cream-paper.webp') center/cover;color:#302618;border-color:#dbbd89;box-shadow:0 3px 7px #0004}.chip:hover{border-color:#d8b778}
.catalog-livebar{font-size:12px;color:#d4c5a9}.catalog-assist{background:#17150feb;border-radius:2px;border-color:#6a583d}.catalog-assist span{font-size:14px}.catalog-meta{color:#d6c8ad;font-size:12px}
.game-grid{gap:24px 18px;align-items:start}.game-grid .sleeve{background:linear-gradient(#282219b0,#17130ef2),url('textures/charcoal-grain.webp') center/cover;border:1px solid #8068498c;border-radius:2px;padding:10px 10px 13px;box-shadow:0 5px 0 #08070688,0 10px 18px #0006}
.game-grid .sleeve.picked{border-color:#ebba65;background:linear-gradient(#493723aa,#1b160ff2),url('textures/charcoal-grain.webp') center/cover;box-shadow:inset 0 0 0 1px #e3ad5966,0 8px 18px #0007}
.sleeve-cover{border-radius:1px;border:1px solid #ac946c;border-left:8px solid #111;box-shadow:2px 3px 0 #6b5c4580,5px 6px 12px #0008}.cover-frame{display:block;position:absolute;inset:0;background:url('ui/cover-frame.svg') center/100% 100%;pointer-events:none;opacity:.48}.cover-shell{background:#0b0b09}.sleeve-body{padding:12px 1px 0}.sleeve-body strong{font:20px/1.15 var(--serif);margin-bottom:8px}.sleeve-body small{font-size:12px;color:#d2c0a3}.rarity{font-size:12px;color:#f0c47b}.game-tags span{color:#c5b393;border-color:#6c5639}.pick-toggle{border-radius:3px;width:40px;height:40px;right:7px;top:7px;box-shadow:0 3px 8px #0008}
.shelf-panel{background:linear-gradient(#30261bbc,#1b1711f7),url('textures/charcoal-grain.webp') center/cover;border:1px solid #a18559;border-radius:2px;padding:20px;box-shadow:inset 0 0 0 5px #c2a0640c,0 12px 28px #0008;top:106px}
.shelf-head{border-color:#977c51;padding-bottom:14px}.shelf-head h3{font-size:27px}.shelf-kicker{font-size:12px}.shelf-empty{border-radius:0;background:#09080650;border-color:#8e7550;font-size:12px}.shelf-list{gap:15px}.shelf-thumb{border-radius:0;border-left:4px solid #17120c;box-shadow:2px 3px 4px #0007}.shelf-meta strong{font-size:14px}.shelf-meta small,.shelf-meta .rarity{font-size:12px}.shelf-help{font-size:14px}.shelf-panel:after{font-size:17px;color:#d5bf98}
/* Rarity sits on the counter, as three paper catalog cards. */
.reveal-wrap{max-width:1120px}.reveal-board{padding:16px 0}.reveal-top{padding:26px;background:#17130edf;border:1px solid #79603e;margin-bottom:34px;box-shadow:0 8px 20px #0004}.reveal-top p{color:#d2c2a5}.reveal-card{border:1px solid #a6895d;border-radius:1px;padding:18px 18px 25px;box-shadow:5px 7px 0 #0003,0 18px 30px #0006}.reveal-card .sleeve-cover{border-left-width:8px}.reveal-card h3{font-size:27px}.big-rarity{color:#694819}.archive-identity{background:#1b1712e8;border:1px solid #806849;padding:20px 24px;margin-top:34px}.archive-identity span{font-size:12px}.archive-identity small{font-size:14px;color:#cabc9f}.reveal-bottom{background:#16120ec9;padding:24px;border:1px solid #806849;margin-top:20px}
/* Compact collector rows; the score stays a weighted overlap, never a percentage. */
.matches-layout{grid-template-columns:minmax(0,1.32fr) minmax(340px,.88fr);gap:26px}.matches-layout>.panel:first-child{background:#13110de8;border:1px solid #736045;padding:12px;box-shadow:0 10px 26px #0006}.match-filters{padding:18px 6px}.match-list{gap:0;border-top:1px solid #6e583d}.match-row{border:0;border-bottom:1px solid #665239;border-radius:0;background:linear-gradient(#ffffff02,transparent),url('textures/charcoal-grain.webp') center/cover;padding:18px 14px;gap:10px 14px;grid-template-columns:44px minmax(0,1fr) 92px;box-shadow:none}.match-row.is-active{border-color:#9f7e48;background:linear-gradient(90deg,#54402377,#211b13c9),url('textures/charcoal-grain.webp') center/cover;box-shadow:inset 3px 0 #eab558}.match-row:hover{background-color:#382c1b}.match-person strong{font-size:16px}.match-person small{font-size:12px}.match-token{border:1px solid #bc9860;box-shadow:0 0 0 3px #c1a16a16}.shared-stack{padding-left:58px;gap:10px}.shared-tags span{border:0;background:#8d754b26;border-radius:1px;padding:3px 6px;color:#d9c8a8;font-size:12px}.shared-mini{gap:4px}.shared-mini .mini-cover{width:28px;height:38px;border-radius:0}.say-btn{font-size:13px;min-height:42px;padding:9px}.score{font-size:20px}.score small{font-size:11px}.note-preview{display:block;border-color:#96784d;border-radius:2px;background:linear-gradient(#19160fef,#17130ff2),url('textures/charcoal-grain.webp') center/cover;top:104px;box-shadow:0 10px 24px #0007}.note-preview>.panel-paper-head{margin:10px;padding:22px 18px}.note-preview .panel-paper-head p{font-size:14px}.note-preview .panel-paper-head h2{font-size:1.85rem!important}.note-preview .micro{font-size:11px;overflow-wrap:anywhere}.note-person{padding:18px 22px}.note-shared{padding:0 22px 18px}.note-cap{font-size:11px;padding:12px 22px;color:#ceb68c}.match-insight{margin:0 22px 16px;padding-top:14px}.match-insight-row{padding:10px 0}.match-insight-row strong{font-size:14px}.match-insight-row small{font-size:12px}.match-insight-row>b{font-size:12px;white-space:normal;text-align:right}.match-insight-head span{font-size:11px}.preview-thread{padding:0 22px 18px;min-height:0}.thread-prompt{padding:20px 12px}.thread-prompt small{font-size:14px}.composer-row small{font-size:12px}.preview-composer{padding:18px 22px}.preview-composer .composer-row{flex-wrap:wrap}.preview-composer .ticket-btn{margin-left:auto}
/* Private note — paper on a dark writing desk. */
.note-card{background:linear-gradient(#19160ff2,#17130ff5),url('textures/charcoal-grain.webp') center/cover;border:1px solid #8e754e;border-radius:2px;box-shadow:0 12px 28px #0007;padding-top:10px}.note-card>.panel-paper-head{margin:0 10px;padding:24px 26px}.note-safety{font-size:13px}.note-status-strip{font-size:12px;color:#b9a27b}.context-shelf{background:#0c0a075c;border-color:#665238}.context-shelf h4{font-size:12px;color:#cdb994}.context-game strong{font-size:14px}.context-game small{font-size:12px;color:#c4b397}.notes-thread{background:linear-gradient(135deg,#b3914f06,transparent)}.bubble{background:linear-gradient(#ead5ae55,#ead5ae55),url('textures/cream-paper.webp') center/cover;color:#30291e;border-color:#b99c6a;border-radius:2px;box-shadow:2px 4px 8px #0004;font-size:16px;line-height:1.6}.bubble.mine{background:linear-gradient(#edb75940,#edb75940),url('textures/amber-paper.webp') center/cover;color:#30220d;border-color:#ca9c50}.composer textarea{border-radius:2px;border-color:#8f754d;background:#100e0baa;color:#f1e4c8;font-size:16px}.reveal-discord{background:#13100cc9}.reveal-discord span{font-size:14px}
/* Invitations and shelf cards remain live and shareable. */
.invite-hero{border:1px solid #aa8751;border-radius:2px;background:linear-gradient(90deg,#15110ef2,#17120cb0),url('environment/archive-shop.webp') center/cover;box-shadow:0 12px 25px #0007;padding:55px 42px 38px;gap:60px}.invite-ribbon{font-size:12px;left:42px;top:22px;color:#d7b373}.invite-copy h2{font-size:clamp(2.2rem,3.8vw,3.6rem)}.invite-game{background:linear-gradient(#ead5ae55,#ead5ae55),url('textures/cream-paper.webp') center/cover;color:#2c2215;box-shadow:5px 8px 0 #0005,0 15px 25px #0007;border-radius:1px;border:1px solid #c2a472}.invite-game .sleeve-body strong{color:#2c2215}.invite-game .sleeve-body small,.invite-game .rarity{color:#6b4b21}.invite-linkbox input{border-radius:2px;background:#0b0908cc;color:#e6d6b8;border-color:#8c734c}.share-panel{background:linear-gradient(#211b13ed,#19140ff2),url('textures/charcoal-grain.webp') center/cover;border-color:#8e754e;border-radius:2px;box-shadow:0 8px 22px #0005}.share-panel h3{font-size:28px;border-bottom:1px solid #8d7047;padding-bottom:14px}.share-panel p{font-size:16px;color:#d0bf9e!important}.share-card-preview{border:1px solid #a88650;box-shadow:0 5px 12px #0008}.share-mini-shelf img{border-left:4px solid #110e0a;box-shadow:4px 5px 7px #0008}.share-hint{font-size:13px!important}
/* A compact desk: useful activity and the owner's shelf together. */
.dashboard-shell{grid-template-columns:minmax(0,1fr) 360px;gap:24px}.dashboard-hero{padding:28px 30px;min-height:190px;border-color:#8a704a;border-radius:1px;background:linear-gradient(90deg,#15100ef2,#15100e33),url('environment/archive-shop.webp') center 36%/cover;box-shadow:0 8px 22px #0005}.dashboard-hero h2{font-size:3.2rem;margin:8px 0 12px}.dashboard-hero p{max-width:450px;font-size:15px;color:#deceb0}.dashboard-scribble{display:block;position:absolute;right:28px;top:28px;transform:rotate(6deg);padding:14px 18px;font:italic 20px/1.2 var(--serif);background:linear-gradient(#ead5ae55,#ead5ae55),url('textures/cream-paper.webp') center/cover;color:#4d3b22;box-shadow:0 5px 15px #0008}.dashboard-hero p{max-width:70%}.activity-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.activity-card{padding:18px 14px;border:1px solid #8d7149;border-radius:1px;background:linear-gradient(#272018dc,#15110ef5),url('textures/charcoal-grain.webp') center/cover;box-shadow:0 5px 12px #0005}.activity-card>img{position:static;width:23px;height:23px;margin-bottom:12px}.activity-card>strong{font:24px/1.12 var(--serif);min-height:54px;display:block;padding:0;margin-bottom:8px}.activity-card>span{font-size:13px;color:#cabb9e;line-height:1.5;min-height:62px;display:block}.activity-card button{font-size:13px;color:#251d0e;background:url('textures/amber-paper.webp') center/cover;border:1px solid #dcaf65;border-radius:2px;min-height:40px;padding:7px 10px;margin-top:14px;width:100%}
.dashboard-panel{padding:20px;background:linear-gradient(#18140fed,#15110ff2),url('textures/charcoal-grain.webp') center/cover;border:1px solid #826b47;border-radius:1px;margin-bottom:22px;box-shadow:0 8px 22px #0005}.dashboard-panel-head{margin:-11px -11px 10px;padding:10px 13px;background:linear-gradient(#ead5ae55,#ead5ae55),url('textures/cream-paper.webp') center/cover;border:1px solid #b18f5e;color:#30261a}.dashboard-panel-head h3{font-size:24px}.dashboard-panel-head button{color:#63471e;font-size:14px;min-height:36px}.dashboard-match{padding:13px 0;gap:10px;border-color:#604d33}.dashboard-match strong{font-size:14px}.dashboard-match small{font-size:12px;color:#c6b698}.dashboard-match .score{font-size:15px}.dashboard-shelf{padding:16px 6px 20px;gap:14px;border-bottom:8px solid #6b4b2a;box-shadow:0 7px 0 #25180d,0 10px 12px #0006;background:linear-gradient(#08070688,#31200c44);margin-top:20px}.dashboard-shelf .mini-cover{border-left:5px solid #16110a;border-radius:0;box-shadow:3px 4px 0 #c0a16a44,6px 5px 8px #0007}.dashboard-shelf .mini-cover:nth-child(1){transform:rotate(-4deg)}.dashboard-shelf .mini-cover:nth-child(3){transform:rotate(4deg)}.dashboard-shelf-label{font-size:12px;margin-top:24px}.dashboard-shelf-actions button{font-size:13px}.activity-entry{padding:16px 0;border-color:#685235}.activity-entry strong{font-size:14px}.activity-entry small{font-size:13px;color:#c6b498}.tiny-token{border-radius:2px;background:#c9a76722;color:#dcb678}.private-quiet{color:#c8b699}.data-attribution{background:#0e0b08c9;padding:22px 24px;font-size:11px;border:1px solid #66503766;max-width:1280px}.policy-links button{font-size:12px;color:#c8b99c}.how-card,.safety-card{border-radius:2px;border-color:#ae8852;box-shadow:0 15px 60px #000c}.cold-shelf article{background:#2d2417;border-radius:1px;border-color:#8b6d42}.blocked-state,.empty-state{background:#17120edb;border-color:#7d623f}.empty-state strong,.blocked-state strong{color:#e5c891}
@media(min-width:1600px){.landing{padding:56px 100px}.hero h1{font-size:3.2rem}.screen[data-screen-view="games"]{max-width:1400px}}
@media(max-width:1150px){.appbar{gap:28px}.landing{padding:38px;gap:28px;min-height:680px}.hero h1{font-size:2.6rem}.hero-world{padding-top:92px}.hero-logo{width:240px}.crate-display{padding:24px 20px 48px;min-height:300px}.hero-card-meta strong{font-size:13px}.hero-card-meta b{font-size:10px}.hero-annotation{font-size:20px}.matches-layout{grid-template-columns:minmax(0,1fr) 340px;gap:20px}.shared-stack{padding-left:0}.dashboard-shell{grid-template-columns:minmax(0,1fr) 310px;gap:20px}.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-card>strong{min-height:0}.activity-card>span{min-height:40px}.dashboard-scribble{display:none}.dashboard-hero p{max-width:100%}.catalog-head{padding:22px}.dashboard-panel{padding:18px}.hero-values{display:none}}
@media(max-width:900px){.appbar{height:76px}.brand img{width:155px}.landing{padding:40px 30px;gap:20px}.hero h1{font-size:2.35rem}.hero-logo{width:225px}.hero-kicker{font-size:11px}.hero-copy .lead{font-size:16px}.crate-display{min-height:270px;padding:30px 12px 35px}.crate-cards{gap:6px}.hero-card{border-left-width:4px}.hero-card-meta strong{font-size:12px}.hero-card-meta b{font-size:10px}.hero-card-meta{padding:8px 4px}.hero-annotation{right:0;font-size:18px}.hero-scribble{font-size:20px}.pick-layout{gap:20px}.catalog-head{padding:20px}.game-grid .sleeve{padding:7px}.sleeve-body strong{font-size:18px}.shelf-panel{padding:16px}.shelf-meta strong{font-size:13px}.shelf-meta small,.shelf-meta .rarity{font-size:11px}.matches-layout{grid-template-columns:1fr}.match-list{grid-template-columns:1fr}.match-row{grid-template-columns:44px minmax(0,1fr) 100px}.match-row .shared-mini{display:flex}.shared-stack{padding-left:58px}.note-preview{position:static;display:block}.note-preview .note-shared .mini-cover{width:62px;height:83px}.dashboard-shell{grid-template-columns:1fr}.dashboard-side{display:grid;grid-template-columns:1fr 1fr;gap:20px}.activity-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.activity-card>strong{min-height:54px}.activity-card>span{min-height:62px}.dashboard-scribble{display:block}.dashboard-hero p{max-width:75%}.invite-hero{padding:54px 28px 32px;gap:32px}.invite-ribbon{left:28px}.share-panel{padding:22px}.reveal-top{padding:22px}.reveal-card h3{font-size:22px}}
@media(max-width:680px){
body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.cinematic-environment{background:linear-gradient(#0b0906a6,#100e0bcc),url('environment/archive-shop.webp') 60% center/cover}.appbar{height:68px;padding:0 20px}.brand img{width:148px}.screen{width:calc(100% - 32px);padding:24px 0 34px}.home-dashboard{width:calc(100% - 32px);padding:24px 0}.micro{font-size:12px}.entry-note{font-size:13px;line-height:1.6}.landing{display:flex;flex-direction:column;align-items:stretch;padding:30px 24px 36px;gap:0;min-height:0;background:linear-gradient(180deg,#100e0bd9 0%,#100e0b80 45%,#100e0b22 78%,#100e0b 100%),url('environment/archive-shop.webp') 65% center/cover}.hero-logo{width:230px;height:132px;margin:14px 0 22px}.hero h1{font-size:2.65rem;max-width:460px}.hero-copy .lead{font-size:16px}.hero-kicker{font-size:11px}.cta-row{gap:10px}.cta-row .ticket-btn{font-size:14px}.hero-world{padding:22px 0 0;margin:0;align-self:stretch}.hero-annotation{display:none}.crate-display{padding:28px 18px 40px;min-height:280px;margin:0 -4px}.display-crate{height:90%;bottom:-20%;width:110%;left:-5%}.crate-cards{gap:6px}.hero-card{border-left-width:4px;padding:3px}.hero-card-meta strong{font-size:14px;min-height:33px}.hero-card-meta b{font-size:10px}.hero-card-meta{padding:8px 4px;min-height:74px}.hero-scribble{margin:30px 0 0;font-size:21px}.hero-example{font-size:11px;margin-top:15px}
h2,.screen-title,.catalog-head h2{font-size:2.3rem}.flow-steps{gap:8px;justify-content:space-between;padding:0 0 18px;margin-bottom:20px}.flow-steps li{font-size:12px;gap:6px}.flow-steps b{width:22px;height:22px;font-size:11px}.catalog-head{padding:20px;margin-bottom:18px}.catalog-head p{font-size:15px;line-height:1.6}.catalog-head h2{margin-bottom:10px}.catalog{padding-bottom:208px}.catalog-tools{gap:7px}.chip{font-size:13px;padding:9px 12px;min-height:44px}.catalog-livebar{font-size:12px}.catalog-assist{padding:13px;gap:10px}.catalog-assist span{font-size:13px}.catalog-meta{font-size:12px}.game-grid{gap:20px 12px}.game-grid .sleeve{padding:6px 6px 10px}.sleeve-cover{border-left-width:5px}.sleeve-body{padding:10px 1px 0}.sleeve-body strong{font-size:18px;line-height:1.2}.sleeve-body small{font-size:12px;line-height:1.5}.rarity{font-size:12px}.pick-toggle{width:40px;height:40px;top:5px;right:5px}.shelf-panel{position:fixed;left:16px;right:16px;bottom:calc(70px + env(safe-area-inset-bottom));top:auto;padding:12px 14px;background:linear-gradient(#302519f7,#1b1510fc),url('textures/charcoal-grain.webp') center/cover;border-radius:2px 2px 0 0;box-shadow:0 -10px 30px #0009}.shelf-head{padding-bottom:8px;border:0}.shelf-head h3{font-size:20px}.shelf-list{padding:0;gap:8px;margin-bottom:10px}.shelf-item{padding-right:22px;gap:5px;min-height:45px}.shelf-thumb{width:29px;height:43px;border-left:2px solid #17120c}.shelf-meta strong{font-size:12px;-webkit-line-clamp:2}.shelf-meta small,.shelf-meta .rarity{display:none}.remove-pick{right:-5px;width:28px;height:44px}.shelf-empty{height:43px}.continue-btn{min-height:44px;font-size:14px;padding:10px}.shelf-kicker,.shelf-panel:after,.shelf-help{display:none}
.reveal-board{padding:0}.reveal-top{padding:20px;margin-bottom:24px}.reveal-top p{font-size:15px}.reveal-card,.reveal-card:nth-child(2),.reveal-card:nth-child(3){transform:none;padding:14px;grid-template-columns:92px minmax(0,1fr);gap:0 18px}.reveal-card h3{font-size:23px;padding-bottom:10px}.big-rarity{font-size:13px}.archive-identity{padding:18px;margin-top:24px}.archive-identity strong{font-size:22px}.archive-identity small{font-size:13px}.reveal-bottom{padding:20px 16px;margin-top:18px;gap:22px}.reveal-line{font-size:19px}.reveal-actions .ticket-btn{font-size:13px;padding:12px 8px}
.matches-layout{gap:22px}.matches-layout>.panel:first-child{padding:8px}.matches-layout>.panel>.panel-paper-head{padding:20px 16px}.panel-paper-head p{font-size:14px}.match-filters{padding:15px 0;gap:6px}.match-filters .chip{font-size:12px;padding:9px 10px}.match-row{padding:17px 8px;grid-template-columns:38px minmax(0,1fr) 76px;gap:12px 9px}.match-token{width:36px;height:36px}.match-person strong{font-size:14px}.match-person small{font-size:12px}.shared-stack{padding-left:0;gap:8px}.shared-tags span{font-size:12px;padding:3px 5px}.match-row .shared-mini{display:none}.score{font-size:18px}.score small{font-size:10px}.say-btn{font-size:12px;min-height:44px;padding:8px 5px}.note-preview>.panel-paper-head{padding:20px 16px}.note-person{padding:18px}.note-shared{padding:0 18px 18px}.note-cap{padding:12px 18px;font-size:11px}.match-insight{margin:0 18px 18px}.match-insight-row strong{font-size:14px}.match-insight-row small{font-size:12px}.match-insight-row>b{font-size:11px}.preview-thread{padding:0 18px 18px}.preview-composer{padding:18px}.preview-composer .ticket-btn{margin:0;width:100%}.note-card>.panel-paper-head{padding:20px 16px}.note-safety{font-size:12px;padding:12px 18px;flex-wrap:wrap}.note-safety span{width:100%}.note-status-strip{font-size:10px;padding:12px 18px;gap:8px}.context-shelf{padding:18px}.context-game strong{font-size:13px}.context-game small{font-size:12px}.notes-thread{padding:18px;min-height:180px}.bubble{font-size:15px;padding:14px;max-width:96%}.composer{padding:18px}.composer-row small{font-size:12px}.reveal-discord{padding:20px 18px}.reveal-discord span{font-size:13px}
.invite-hero{padding:52px 22px 26px;gap:26px}.invite-ribbon{left:22px;top:20px;font-size:10px;letter-spacing:.09em}.invite-copy h2{font-size:2.5rem}.invite-copy p{font-size:15px}.invite-game{width:175px}.invite-game .sleeve-body strong{font-size:21px}.invite-game .sleeve-body small,.invite-game .rarity{font-size:12px}.invite-linkbox{flex-wrap:wrap;gap:10px}.invite-linkbox input{width:100%;flex-basis:100%;font-size:14px;min-height:48px}.invite-linkbox .ticket-btn{width:100%;font-size:14px}.share-panel{padding:20px}.share-panel h3{font-size:26px}.share-panel p{font-size:15px}.share-actions{gap:10px}.share-actions .ticket-btn{font-size:13px;padding:12px 10px}.share-grid{margin-top:22px}.invite-picker .chip{font-size:13px}
.dashboard-shell{gap:0}.dashboard-hero{padding:24px 22px;min-height:0}.dashboard-hero h2{font-size:2.9rem}.dashboard-hero p{font-size:15px;max-width:100%}.dashboard-scribble{display:none}.activity-grid{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.activity-card{padding:18px 15px}.activity-card>strong{font-size:25px;min-height:54px;padding:0}.activity-card>span{font-size:14px;min-height:66px}.activity-card>img{width:22px;height:22px}.activity-card button{font-size:13px;min-height:44px}.dashboard-side{display:flex;flex-direction:column;gap:0}.dashboard-panel{padding:19px;margin-bottom:20px}.dashboard-panel-head{padding:9px 12px;gap:8px}.dashboard-panel-head h3{font-size:23px}.dashboard-panel-head button{font-size:13px}.dashboard-shelf{padding:18px 10px 20px;gap:16px}.dashboard-shelf .mini-cover{max-height:none;aspect-ratio:3/4}.dashboard-shelf-actions button{font-size:13px}.activity-entry strong{font-size:14px}.activity-entry small{font-size:13px}.data-attribution{padding:20px 16px;width:calc(100% - 32px);font-size:11px;align-items:start}.policy-links{gap:16px}.policy-links button{font-size:12px}.mobile-nav{background:linear-gradient(#1e1812f5,#100c08fa),url('textures/charcoal-grain.webp') center/cover;border-color:#98784c;box-shadow:0 -3px 12px #0008}.mobile-nav button{font-size:12px;color:#cfbd9a}.mobile-nav button.active{color:#f5c16c}
}
@media(max-width:360px){.landing{padding:26px 20px 30px}.hero h1{font-size:2.35rem}.hero-logo{width:210px}.hero-kicker{font-size:10px}.crate-display{padding:28px 12px 36px;min-height:254px}.hero-card-meta strong{font-size:12px;min-height:30px}.hero-card-meta b{font-size:10px}.hero-card-meta{padding:7px 3px;min-height:74px}.hero-scribble{font-size:19px}.flow-steps li{font-size:11px;gap:4px}.flow-steps b{width:19px;height:19px;font-size:10px}.screen,.home-dashboard{width:calc(100% - 24px)}.shelf-panel{left:12px;right:12px;padding:12px}.shelf-thumb{display:none}.shelf-meta strong{font-size:12px}.game-grid{gap:18px 9px}.sleeve-body strong{font-size:17px}.rarity{font-size:11px}.match-row{grid-template-columns:32px minmax(0,1fr) 69px;gap:10px 7px;padding:16px 4px}.match-token{width:31px;height:31px}.match-person strong{font-size:13px}.match-filters .chip{font-size:12px;padding:8px}.reveal-card{grid-template-columns:80px minmax(0,1fr);gap:0 14px}.reveal-card h3{font-size:21px}.activity-card{padding:16px 12px}.activity-card>strong{font-size:23px}.activity-card>span{font-size:13px}.dashboard-panel{padding:17px}.invite-copy h2{font-size:2.2rem}.note-status-strip{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-card:hover{transform:none}}
/* Final review: show each shared cover once and keep desktop rows compact. */
.note-preview .note-shared{display:none}
.match-insight-row .mini-cover{display:block;width:36px;height:48px;flex-shrink:0;border-radius:0}
.note-preview .match-insight{border-top:0;padding-top:0}
@media(min-width:1000px){
 .match-row{grid-template-columns:42px minmax(0,1fr) 82px 92px;grid-template-areas:'avatar person score button' 'avatar shared score button';gap:7px 13px;padding:15px 12px}
 .match-row .shared-stack{padding-left:0}.match-row .shared-mini{display:none}
 .match-row .match-person strong{font-size:16px}.match-row .score{font-size:19px}
 .matches-layout>.panel>.panel-paper-head{padding:20px 24px}.match-row .say-btn{min-height:44px}
}

/* Keep the first catalog results within reach on a narrow phone. */
.catalog-filter-tabs{display:flex;flex-wrap:wrap;gap:8px;width:100%;min-width:0}
@media(max-width:680px){
 .catalog-head{padding:15px 18px;margin-bottom:16px}.catalog-head .micro{display:none}
 .catalog-head h2{font-size:2rem;margin-bottom:7px}.catalog-head p{font-size:14px;line-height:1.5}
 .catalog-filter-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;gap:7px;scrollbar-width:thin;scrollbar-color:#96764b #19130d}
 .catalog-filter-tabs .chip{flex-shrink:0}
 .catalog-assist{padding:10px;gap:8px}.catalog-assist strong{font-size:13px}.catalog-assist span{font-size:12px}
}
@media(max-width:680px){
 .catalog-assist{padding:4px 0;border:0;background:none;margin-bottom:6px}
 .catalog-assist:not(:has(.recent-searches button)){display:none}
 .catalog-assist>.assist-mark,.catalog-assist>div:nth-child(2){display:none}
 .catalog-assist .recent-searches{grid-column:1/-1}
}
/* Native match control avoids nested buttons while preserving the row layout. */
.match-details{background:none;border:0;padding:0;color:inherit;text-align:left;font:inherit;min-width:0;cursor:pointer}
.match-details:focus-visible{outline:2px solid #f1c779;outline-offset:5px}