/* 全ページ共通の配色。一人回しの配置・寸法・枠幅は変更しない。 */
:root {
  --main-color:#eff3fb;
  --bg-color:#101626;
  --bg-card:#171f31;
  --bg-surface:#141c2c;
  --bg-hover:#202c42;     /* 押せる面のホバー・通常ボタンの地（コメントの区画で使用。他の画面の同名変数と同じ値） */
  --accent:#aec5ff;
  --accent-hover:#d0ddff;
  --gold:#f3ce46;
  --green:#63d3ae;
  --red:#ff8f94;
  --border:#2b3549;
}
.sol-sidebar,.sol-right-panel{background:#141c2c;border-color:transparent}
.sol-sidebar-section,.sol-right-section,.sol-neuron-divider,
.replay-bar,.deck-card-row{border-color:transparent}
.sol-sidebar-links{background:transparent}
.sol-sidebar-links a{color:#a8b4c9}
.sol-sidebar-links a.active{color:#eff3fb;border-left-color:#f3ce46}
.sol-sidebar-links a:hover,.deck-card-row:hover,
.deck-card-row:focus-visible{background:#202c42;color:#eff3fb}
.sol-right-heading,.sol-sidebar-heading,.pool-label,.center-slot-label,
.side-slot-label,.left-rectangle-label,.deck-card-date,.deck-card-hint,
.sol-upload-note,.sol-sidebar-explain,.sol-sidebar-explain p,.sol-ops-desc,
.replay-counter,.sol-cip-toggle,.sol-panel-toggle{color:#a8b4c9}
.sol-panel-toggle{border-color:#2b3549}
/* 主操作だけを黄色で強調する。通常操作と危険操作の識別は維持する。 */
.deck-load-btn,.draw-btn,.sol-mobile-deck-primary-btn,.replay-share-btn,.replay-save-btn,.sol-mobile-save-btn{
  background:#f3ce46;color:#242013;border-color:transparent;box-shadow:none;
}
.deck-load-btn:hover,.draw-btn:hover,.sol-mobile-deck-primary-btn:hover,
.replay-share-btn:hover,.replay-save-btn:hover{background:#ffe16d;color:#242013}
.reset-btn{background:#202c42;color:#eff3fb;border-color:transparent}
.reset-btn:hover{background:#2b3549;color:#eff3fb;border-color:transparent}
.sol-cip-toggle:hover,.sol-panel-toggle:hover{background:#f3ce46;color:#242013;border-color:transparent}
/* 選択中・再生中の状態は accent（黄は主操作の「保存」だけにするため。2026-10-15 整理③） */
.replay-btn.play-active,.replay-speed-btn.active{background:#aec5ff;color:#101626;border-color:transparent}
.sol-nav-title .nav-brand{color:#eff3fb}
.sol-nav-title .nav-brand .nav-g{color:#f3ce46}
/* 既存の明色背景＋白文字を避け、操作中の状態を明瞭にする。 */
.sol-ext-link,.sol-ops-key{background:#202c42;border-color:transparent;color:#aec5ff}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,
select:focus-visible,.deck-card-row:focus-visible{outline:2px solid #f3ce46;outline-offset:2px}
/* 枠は透明化だけにとどめるため、盤面の計測値やドラッグ領域は変わらない。 */
.modal-content,.image-browser-modal{border-color:transparent!important}
@media(max-width:768px){
  .sol-mobile-toolbar,.sol-mobile-sheet-header,.sol-mobile-deck-actions{border-color:transparent}
}

.sol-card-info-panel{border-color:transparent}
.cip-empty{color:#a8b4c9}
.sol-fb-submit,#solMobileEmptyCta{background:#f3ce46;color:#242013}
.sol-fb-submit:hover,#solMobileEmptyCta:hover{background:#ffe16d;color:#242013}
@keyframes solDeckBtnPulse {
  0%,100%{box-shadow:none}
  50%{box-shadow:0 0 0 3px #f3ce46;background:#f3ce46;color:#242013}
}
/* 横向き案内も明色背景と濃色文字の組み合わせにそろえる。 */
.sol-landscape-hint{background:#f3ce46;color:#242013}
.sol-landscape-hint span,.sol-landscape-hint-close{color:#242013}
/* 手札・墓地・除外・EXは背景で区別する。枠幅は保ち、配置と当たり判定を維持。 */
.sol-hand-area,.side-slots-container>.sol-side-area,#imagePool2{border-color:transparent}
/* 領域は背景で分け、通常時の囲み線は置かない。枠幅は維持する。 */
#imagePool,.custom-slot,.custom-slot[data-slot="9"],#free-space .side-slot,
.cip-effect,.cip-price,.sol-footer,.sol-toast,
.sol-fb-dialog,.sol-fb-header,.sol-fb-footer,
.sol-recommend-badge{border-color:transparent}
/* ホバー時もマスを線で囲まず、面の変化で置き場所を示す。 */
.custom-slot:hover{border-color:transparent;background-color:#202c42}
/* 通常操作の外枠を面へ置換。選択・危険操作・録画状態は対象外。 */
.sol-cip-toggle,.sol-panel-toggle,.sol-sidebar-actions button,
.replay-btn:not(.replay-btn-danger):not(.play-active):not(.active):not(#pcRecordBtn.recording),
.cip-price-link,.sol-fb-cancel{border-color:transparent}
@media(max-width:768px){
  .sol-mobile-bar,.sol-mobile-replay-strip,.sol-mobile-cip-panel,
  .sol-mobile-action-sheet,.sol-mobile-sheet-panel,.sol-mobile-sheet-header,
  .sol-mobile-deck-sheet-panel,.sol-mobile-share-section,
  .sol-ops-details.sol-mobile-help-open,
  #solSidebar.sol-sheet-open{border-color:transparent}
  .sol-mobile-bar-btn:not(.sol-mobile-record-btn.recording),.sol-mobile-play-deck-badge,
  .sol-mobile-action-detail-btn,.sol-mobile-action-btn,.sol-mobile-menu-item{border-color:transparent}
}