.raid-app { --hit:#ffac82; --miss:#71828d; }
.raid-hero { display:grid; grid-template-columns:.83fr 1.17fr; gap:6%; padding:58px 0 44px; align-items:center; }
.raid-intro h1 { font:800 clamp(70px,7.1vw,116px)/.86 var(--display); letter-spacing:-1px; text-transform:uppercase; margin:0 0 30px; }
.raid-intro h1 em { display:inline-block; font:400 1.02em/.95 'Lacquer',cursive; color:var(--drip-ink); transform:rotate(-5deg); margin:14px 0 0 2px; text-shadow:var(--drip-shadow); }
.raid-description { max-width:370px; color:#b4c2ca; font-size:15px; line-height:1.75; margin-bottom:28px; }
#battle-form .primary { margin-top:18px; }
.evidence-display { border:1px solid #445460; background:linear-gradient(125deg,#152129ee,#101319f5); box-shadow:0 28px 70px #0006,inset 0 0 0 5px #0a1016; padding:20px; transform:rotate(1deg); position:relative; }
.evidence-display:before,.evidence-display:after { content:'+'; position:absolute; color:#617381; font:18px var(--mono); top:2px; left:7px; }.evidence-display:after { left:auto; right:7px; }
.evidence-top,.evidence-bottom { display:flex; align-items:center; justify-content:space-between; gap:10px; font:9px var(--mono); letter-spacing:1.4px; color:#9fadb8; padding:8px 0 17px; }
.evidence-top i { display:inline-block; width:5px; height:5px; background:var(--accent); box-shadow:0 0 10px #42e2c6; margin-right:7px; border-radius:50%; }
.evidence-objects { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #3c4b57; border-left:1px solid #3c4b57; background-image:linear-gradient(#7492a008 1px,transparent 1px),linear-gradient(90deg,#7492a008 1px,transparent 1px); background-size:19px 19px; }
.evidence-object { position:relative; padding:23px 15px 17px; border-right:1px solid #3c4b57; border-bottom:1px solid #3c4b57; color:#7ce1d6; }
.evidence-object.flower,.evidence-object.stew { color:#c1a1f0; }
.evidence-number { position:absolute; top:10px; left:12px; font:9px var(--mono); color:#778995; }
.evidence-object svg { display:block; height:110px; width:100%; margin:7px 0 8px; filter:drop-shadow(0 0 14px #54cebd25); }
.evidence-object strong { display:block; color:#f0f0e6; font:600 23px var(--display); text-transform:uppercase; letter-spacing:.4px; }
.evidence-object small { display:block; color:#9eacb8; font-size:10px; margin-top:5px; min-height:28px; }
.size-marks { font-size:9px; margin-top:4px; letter-spacing:3px; }.evidence-bottom { padding:19px 0 0; }.evidence-bottom b { font:400 23px 'Lacquer',cursive; color:#d2b4ed; transform:rotate(-5deg); }


.raid-game-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:35px 0 22px; }.raid-game-heading .eyebrow { margin-bottom:13px; }.raid-game-heading h1 { margin:0; font:800 46px/1 var(--display); text-transform:uppercase; }.raid-game-heading em { font:400 1em 'Lacquer',cursive; color:#d6bcf1; }.raid-heading-actions { display:flex; align-items:center; gap:20px; }#battle-connection { font:10px var(--mono); color:#9bacb7; }.raid-app .secondary { background:#1c272e; border:1px solid #47575f; color:#d9e7e8; border-radius:0; padding:10px 14px; cursor:pointer; }
.share-panel { padding:18px 20px; border:1px solid #365550; background:#10282566; margin-bottom:20px; }.share-panel label { display:block; font:10px var(--mono); text-transform:uppercase; letter-spacing:1px; color:#b8cdc8; margin-bottom:8px; }.share-panel>div { display:flex; gap:10px; }.share-panel .primary { max-width:150px; }.share-panel input { font-size:12px; }.share-panel p { margin:8px 0 0; color:#91aaa7; font-size:11px; }
.player-strip { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:20px; }.player-card { display:flex; align-items:center; gap:12px; padding:12px 16px; background:#141b22; border:1px solid #33414c; }.player-card .player-initial { display:grid; place-items:center; height:36px; width:36px; border:1px solid #428f86; color:#6de1ca; font:600 25px var(--display); }.player-card:last-child .player-initial { border-color:#796095; color:#c1a0f0; }.player-card strong { font:600 19px var(--display); }.player-card small { display:block; color:#97a9b4; font-size:11px; }.player-card .player-score { margin-left:auto; color:#a3c4c2; font:10px var(--mono); text-align:right; }
.turn-banner { display:flex; align-items:center; gap:18px; border:1px solid #41565a; border-left:4px solid #73818d; background:linear-gradient(90deg,#1b293066,#10151b); padding:18px 20px; margin-bottom:20px; }.turn-banner.your-turn { border-left-color:var(--accent); background:linear-gradient(90deg,#164c4544,#10151b); }.turn-banner h2 { font:600 28px var(--display); margin:0 0 4px; }.turn-banner p { color:#aebcc5; font-size:12px; margin:0; }.turn-banner>span { font:10px var(--mono); letter-spacing:1px; color:#819ba5; padding-right:16px; border-right:1px solid #40535d; }.turn-banner>strong { font:800 30px var(--display); color:#a3ccc8; margin-left:auto; white-space:nowrap; }
.battle-error { color:#ffb791; margin:0 0 16px; font-size:13px; }.battle-error:empty { display:none; }
.setup-panel { display:grid; grid-template-columns:310px minmax(0,1fr); gap:24px; max-width:1080px; margin:0 auto 28px; }.grid-panel,.loadout { background:#10171ee8; border:1px solid #3c4b55; min-width:0; }.panel-heading { min-height:50px; padding:14px 18px; gap:12px; }.loadout .panel-heading { border-bottom:1px solid #344049; }.inventory { padding:12px; display:grid; gap:8px; }.stash-choice { display:flex; align-items:center; gap:10px; border:1px solid #384751; background:#182129; padding:9px; text-align:left; width:100%; color:#a6b4be; }.stash-choice[aria-pressed=true] { border-color:#69d8c6; background:#183832; color:#bcfff2; }.stash-choice svg { width:65px; height:48px; flex-shrink:0; }.stash-choice strong { display:block; font:600 19px var(--display); color:inherit; }.stash-choice small { font:10px var(--mono); color:#9caeb8; }.stash-choice b { font:14px var(--mono); margin-left:auto; color:#65d8bd; }.setup-tools { padding:0 12px; display:grid; gap:8px; }.setup-tools .quiet { padding:6px; }.setup-help { padding:12px 17px; font-size:12px; color:#9badb9; line-height:1.7; margin:0; }.loadout>#lock-stash { margin:0 12px; width:calc(100% - 24px); }.loadout>.fineprint { padding:0 12px 16px; }
.board-padding { padding:18px; }.coordinate-grid { display:grid; grid-template-columns:22px repeat(8,minmax(0,1fr)); gap:3px; }.grid-axis { display:grid; place-items:center; color:#819ba8; font:10px var(--mono); min-height:20px; }.grid-cell { position:relative; display:grid; place-items:center; aspect-ratio:1; background:#1a252e; border:1px solid #314551; color:#5f7a8b; min-width:0; padding:0; border-radius:0; font:600 clamp(15px,2.2vw,25px) var(--display); transition:background .12s,border-color .12s; }.grid-cell:before { content:'+'; color:#566b782e; font:14px var(--mono); }.grid-cell:not(:disabled):hover { background:#243b43; border-color:#77bbb2; }.grid-cell:disabled { cursor:default; opacity:1; }.grid-cell.occupied { background:#1d524e; border-color:#4b9f94; color:#c3fff3; }.grid-cell.occupied:before,.grid-cell.hit:before,.grid-cell.miss:before,.grid-cell.selected:before,.grid-cell.revealed:before { display:none; }.grid-cell.occupied.item-chandelier,.grid-cell.occupied.item-stew { background:#433457; border-color:#8a67b0; color:#e8d8ff; }.grid-cell svg { width:85%; height:85%; position:absolute; }.grid-cell.occupied .segment { font:10px var(--mono); opacity:.55; }.grid-cell.preview { background:#347c6999!important; border-color:#a0ffe4!important; }.grid-cell.invalid-preview { background:#7d3938!important; border-color:#ff9c89!important; }.grid-cell.selected { border:2px solid #92ffe6; background:#23453f; box-shadow:inset 0 0 0 3px #0f1a1c; color:#bbfff2; }.grid-cell.hit { background:#633e31; border-color:#db9678; color:#ffc6a2; }.grid-cell.miss { background:#162029; border-color:#283943; color:#9aaeb9; }.grid-cell.busted { background:#553b65; border-color:#af82cd; color:#e4bbff; }.grid-cell.revealed { background:#27383a; border-color:#576960; color:#9bae9f; }.grid-cell.hit svg { opacity:.25; }.grid-cell .shot-mark { z-index:1; font-size:clamp(20px,3vw,35px); line-height:1; }.grid-footnote { display:flex; justify-content:space-between; padding:0 18px 17px; color:#6e8797; font:9px var(--mono); letter-spacing:1px; }
.battle-boards { display:grid; grid-template-columns:1.05fr .95fr; gap:24px; align-items:start; margin-bottom:24px; }.target-panel { border-top:2px solid #55c7b4; }.own-panel { border-top:2px solid #9671ba; }.own-panel .board-padding { padding:22px 28px; }.own-panel .panel-heading button { font:10px var(--mono); color:#bac3cf; padding:0; text-transform:none; }.search-controls { display:flex; align-items:center; gap:15px; margin:0 18px 18px; }.search-controls p { font-size:12px; color:#9bb2b9; margin:0; flex:1; }.search-controls .primary { width:auto; min-width:175px; }.target-inventory,.own-inventory { border-top:1px solid #344049; padding:14px 18px; display:grid; grid-template-columns:1fr 1fr; gap:10px; }.target-inventory button { display:flex; align-items:center; gap:7px; text-align:left; font:600 16px var(--display); padding:8px; background:#18232d; color:#8096a4; border:1px solid #354653; }.target-inventory button.found { color:#dab7f3; border-color:#866799; cursor:pointer; }.target-inventory button:disabled { cursor:default; opacity:1; }.target-inventory svg { width:38px; height:28px; }.target-inventory small { display:block; font:9px var(--mono); margin-top:3px; }.own-inventory span { font:11px var(--mono); color:#9faeba; }.own-inventory span.lost { color:#dba590; text-decoration:line-through; }.grid-legend { display:flex; justify-content:center; gap:20px; padding:0 16px 18px; color:#91a5b1; font-size:11px; }.grid-legend span { display:flex; align-items:center; gap:6px; }.grid-legend i { font-style:normal; }.legend-object { width:10px; height:10px; background:#285f57; border:1px solid #61a99b; }.legend-hit { color:#ffb28c; font-size:20px; }.legend-miss { color:#92aabb; font-size:20px; }
.finished-panel { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:25px; border:1px solid #9c73b2; background:linear-gradient(110deg,#33243c,#17202a); margin-bottom:24px; }.finished-panel h2 { font:800 42px var(--display); text-transform:uppercase; margin:0 0 8px; }.finished-panel p { font-size:13px; color:#c4b1cd; margin:0; }.finished-panel .eyebrow { font:10px var(--mono); margin-bottom:12px; }.finished-panel>div:last-child { min-width:240px; }.finished-panel #rematch-note { margin:10px 0; font-size:12px; }.finished-panel a { display:inline-block; margin-top:8px; }
.search-log { margin-bottom:30px; border:1px solid #344049; }.search-log ol { margin:0; padding:0; list-style:none; display:grid; grid-template-columns:1fr 1fr; }.search-log li { padding:11px 18px; font-size:12px; color:#9bafba; border-top:1px solid #283740; display:flex; gap:10px; }.search-log li b { font:600 17px var(--display); color:#d1dadd; }.search-log li strong { margin-left:auto; color:#d2ae96; font:10px var(--mono); }.search-log li .log-miss { color:#718996; }
#evidence-dialog { background:#141d25; color:#e4ecef; border:1px solid #956faf; max-width:540px; max-height:90dvh; overflow:auto; }#evidence-dialog h2 { font:800 38px var(--display); text-transform:uppercase; margin:10px 0 22px; }#evidence-dialog .eyebrow { color:#c6a2e0; }#evidence-messages p { border-left:2px solid #79c6b7; padding:10px 14px; background:#1c2a32; margin-bottom:10px; font-size:14px; }#evidence-messages p.chris { border-color:#b496cc; }#evidence-messages strong { display:block; color:#b7c7ce; text-transform:uppercase; font:10px var(--mono); letter-spacing:1px; margin-bottom:6px; }
@media(min-width:1450px){.raid-hero{gap:8%;}.evidence-object svg{height:135px;}.evidence-object{padding:30px 20px 24px;}.raid-hero{padding-top:65px;padding-bottom:60px;}}
@media(max-width:960px){.raid-hero{gap:4%;grid-template-columns:.9fr 1.1fr;}.evidence-display{padding:15px;}.evidence-top{font-size:8px;letter-spacing:.5px;}.evidence-object{padding:25px 10px 13px;}.evidence-object strong{font-size:20px;}.evidence-object svg{height:85px;}.evidence-bottom{font-size:8px;}.setup-panel{grid-template-columns:260px minmax(0,1fr);gap:16px;}.battle-boards{gap:16px;}.board-padding,.own-panel .board-padding{padding:12px;}.search-controls{flex-wrap:wrap;}.search-controls .primary{width:100%;}.target-inventory{padding:10px;gap:6px;}}
@media(max-width:720px){.raid-hero{grid-template-columns:1fr;padding:32px 0;gap:35px;}.raid-intro h1{font-size:80px;line-height:.88;margin-bottom:22px;}.raid-intro .eyebrow{margin-bottom:18px;}.raid-description{max-width:100%;font-size:14px;margin-bottom:22px;}.raid-intro .start-form{max-width:none;}.evidence-display{transform:none;}.evidence-object svg{height:110px;}.evidence-object strong{font-size:22px;}.evidence-bottom{font-size:9px;}.raid-game-heading{align-items:flex-start;padding-top:28px;}.raid-game-heading h1{font-size:34px;}.raid-heading-actions{flex-direction:column;gap:12px;align-items:flex-end;}.raid-heading-actions .secondary{font-size:13px;padding:8px;}.raid-game-heading .eyebrow{font-size:9px;gap:10px;}.share-panel{padding:14px;}.share-panel>div{flex-wrap:wrap;}.share-panel .primary{max-width:none;}.player-strip{gap:8px;margin-bottom:14px;}.player-card{padding:10px;gap:8px;flex-wrap:wrap;}.player-card .player-score{width:100%;text-align:left;margin:0;}.player-card strong{font-size:18px;}.player-card small{font-size:10px;}.turn-banner{padding:14px;gap:12px;}.turn-banner>span{display:none;}.turn-banner h2{font-size:25px;}.turn-banner>strong{font-size:25px;}.turn-banner p{font-size:11px;}.setup-panel{grid-template-columns:1fr;gap:14px;}.loadout{display:contents;}.loadout>.panel-heading{display:none;}.inventory{padding:0;grid-template-columns:1fr 1fr;gap:8px;}.stash-choice{padding:6px;gap:5px;}.stash-choice svg{width:43px;height:38px;}.stash-choice strong{font-size:17px;}.stash-choice small{font-size:9px;}.stash-choice b{font-size:12px;}.setup-tools{padding:0;grid-template-columns:1fr 1fr;gap:8px;}.setup-tools .quiet{grid-column:1/-1;padding:0;}.setup-help{padding:0;margin:0;}.setup-grid-panel{grid-row:4;}.loadout>#lock-stash{margin:0;width:100%;}.loadout>.fineprint{margin:0;padding:0;}.setup-tools .secondary{font-size:14px;padding:10px 8px;}.panel-heading{font-size:9px;padding:12px;min-height:44px;}.setup-grid-panel .panel-heading{flex-wrap:wrap;gap:5px;}#placement-label{font-size:9px;}.coordinate-grid{gap:3px;grid-template-columns:18px repeat(8,minmax(0,1fr));}.grid-cell{font-size:20px;}.board-padding,.own-panel .board-padding{padding:10px;}.battle-boards{grid-template-columns:1fr;}.search-controls{margin:0 12px 14px;gap:10px;}.search-controls .primary{width:auto;min-width:155px;}.target-inventory{padding:12px;}.target-inventory button{font-size:17px;}.finished-panel{flex-direction:column;align-items:stretch;padding:20px;}.finished-panel h2{font-size:36px;}.search-log ol{grid-template-columns:1fr;}.grid-footnote{font-size:8px;padding:0 12px 12px;}}
@media(max-width:360px){.raid-intro h1{font-size:70px;}.stash-choice svg{width:32px;}.stash-choice strong{font-size:15px;}.evidence-object svg{height:85px;}.evidence-object strong{font-size:19px;}.evidence-bottom{font-size:8px;}.evidence-bottom b{font-size:20px;}.coordinate-grid{gap:2px;}.search-controls{flex-direction:column;align-items:stretch;}.search-controls .primary{width:100%;}.target-inventory button{font-size:15px;padding:6px;}.target-inventory svg{width:30px;}.own-panel .panel-heading button{font-size:9px;}}
@media(prefers-reduced-motion:reduce){.grid-cell{transition:none;}}