/* ODA 110 — independent newspaper, cups and cosmetics */
.nav-tabs{grid-template-columns:repeat(5,minmax(0,1fr))!important}
@media(max-width:560px){.nav-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}.nav-tabs button{font-size:11px;padding:4px}}
#gazetteTab .oda-paper,#cupsTab .oda-cups,#shopTab .oda-shop{padding:15px;border:1px solid #40566a;border-radius:14px;overflow:hidden}
#gazetteTab .oda-paper{background:#e6d7b5;color:#222120;font-family:Georgia,serif}
.oda-paper-top{border-top:7px double #222;border-bottom:4px double #222;text-align:center;padding:12px 4px 11px}
.oda-paper-top .edition{font:800 11px system-ui;letter-spacing:2px;color:#5f3b32}
.oda-paper-top h2{font-size:clamp(29px,7vw,53px);line-height:1;letter-spacing:-2px;margin:7px 0;color:#241c16}
.oda-paper-top p{font:600 12px system-ui;color:#5d5040;margin:0}
.paper-flash{font:900 12px system-ui;text-transform:uppercase;letter-spacing:2px;background:#a32927;color:#ffefcb;text-align:center;padding:8px;margin:12px 0}
.oda-paper-hero{padding:8px;border-bottom:3px double #493b31;margin:10px 0}
.oda-paper-hero h3{font-size:clamp(23px,5vw,36px);line-height:1.08;color:#1f1712;margin:4px 0}
.oda-paper-hero .paper-summary{font-size:14px;line-height:1.6;color:#352a20}
.paper-byline{font:700 10px system-ui;color:#71594a;letter-spacing:.3px}
.paper-score{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#33251f;color:#ffe6a7;padding:12px;border-radius:3px;margin:12px 0;font:900 17px system-ui}
.paper-score .vs{font-size:12px;color:#e3c2a5}
.paper-score button{background:transparent;color:#ffe7b3;font:inherit;border:0;cursor:pointer;text-decoration:underline;text-decoration-style:dotted}
.paper-article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:12px}
.paper-card{border-bottom:1px solid #8a715b;padding:10px 3px 15px}
.paper-card h4{font-size:clamp(18px,3.5vw,23px);margin:7px 0;line-height:1.18;color:#251b15}
.paper-card p{font-size:13px;line-height:1.5;color:#44352c}
.paper-card .paper-score{font-size:12px;padding:9px}
.paper-empty{text-align:center;padding:20px;font:500 14px system-ui;color:#66564a}
#cupsTab .oda-cups{background:linear-gradient(145deg,#112a42,#122f37 80%)}
.oda-section-title{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}
.oda-section-title h2{font-size:clamp(20px,4vw,27px);margin:0;color:#ffe0a0}
.oda-section-title p{margin:4px 0;font-size:12px;color:#b9d0d9}
.cups-switch{display:flex;gap:7px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:thin}
.cups-switch button{white-space:nowrap;font-weight:800;border:1px solid #52748b;border-radius:10px;padding:10px;color:#dce9f4;background:#224458}
.cups-switch button.selected{background:#ffd16b;color:#183149;border-color:#ffe6a9}
.cup-intro{background:#1d3549;border:1px solid #567b8d;border-radius:10px;padding:13px;margin-bottom:12px}
.cup-intro h3{color:#ffe6a9;font-size:20px;margin:0 0 5px}
.cup-intro p{font-size:12px;color:#c6dce7;line-height:1.5}
.cup-champion{background:linear-gradient(90deg,#806221,#d1a23d,#806221);color:#171c21;font-weight:900;padding:11px;border-radius:9px;text-align:center}
.cup-rounds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}
.cup-round{padding:10px;border-radius:10px;background:#11283b;border:1px solid #365972;min-width:0}
.cup-round h4{color:#f9d58a;text-align:center;font-size:13px;margin:0 0 11px}
.cup-match{padding:9px;border-radius:9px;background:#1d3c4f;border:1px solid #42697d;margin:8px 0}
.cup-match.done{border-color:#b99859}.cup-match.ready{border-color:#53b19a}
.cup-player{display:flex;justify-content:space-between;gap:5px;align-items:center;padding:5px 0;font-size:12px}
.cup-player button{border:0;background:transparent;color:#ecf2f7;text-align:left;cursor:pointer;padding:2px}
.cup-player.winner button{color:#ffe18e;font-weight:900}
.cup-player strong{color:#ffe4ae;font-size:15px}
.cup-match small{font-size:10px;color:#acccda}
.cup-action{border:1px solid #a3b77f;background:#d3bd76;color:#1d2b38;font-size:11px;font-weight:800;border-radius:7px;padding:8px;margin-top:6px;width:100%}
.cup-maker{background:#1a3947;border:1px solid #64818d;padding:12px;border-radius:10px;margin:12px 0}
.cup-maker h3{margin:0 0 10px;font-size:16px}
.cup-maker label{display:block;font-size:11px;color:#d7e8ef;margin:8px 0}
.cup-maker input,.cup-maker select{display:block;width:100%;border:1px solid #617d8d;background:#081e30;color:white;padding:10px;border-radius:7px;margin-top:4px}
.cup-maker button{border:1px solid #ecc67d;background:#f4d27c;color:#142633;padding:9px 13px;font-weight:900;border-radius:8px;margin-top:8px}
#shopTab .oda-shop{background:linear-gradient(150deg,#13263c,#143b3a)}
.shop-wallet{font-size:14px;color:#ffe39e;font-weight:900;border:1px solid #667b65;background:#193d38;padding:10px 12px;border-radius:9px}
.shop-categories{display:flex;gap:6px;overflow-x:auto;margin:12px 0}
.shop-categories button{background:#25445a;border:1px solid #567b83;border-radius:8px;padding:9px;color:#e5f1f7;font-weight:800;white-space:nowrap;font-size:12px}
.shop-categories button.selected{background:#f8cd74;color:#24313a}
.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.shop-card{min-width:0;background:linear-gradient(145deg,#193c4d,#243844);padding:14px;border-radius:13px;border:1px solid #607689;display:flex;flex-direction:column;gap:7px;align-items:center;text-align:center}
.shop-icon{font-size:44px;height:54px}
.shop-card h3{margin:0;font-size:15px;color:#ffdf9b}
.shop-card p{font-size:11px;line-height:1.4;color:#c6d8dc;margin:0;flex:1}
.shop-price{font-weight:900;font-size:13px;color:#fce39a}
.shop-card button{background:#f6ce72;border:1px solid #ffe7ad;border-radius:8px;color:#1b2c35;font-weight:900;padding:10px 7px;width:100%;font-size:12px}
.shop-card button.equipped{background:#2c7b54;color:#e5ffee}
.shop-card button:disabled{opacity:.55;cursor:not-allowed}
.shop-note{font-size:11px;color:#a7ccd4;line-height:1.5;margin:13px 0}
.oda-status{min-height:18px;color:#c6e8d8;font-size:12px;margin:8px 0}
.forum-author-row{display:flex;align-items:center;gap:8px;margin:2px 0 8px}
.forum-author-link{display:flex;align-items:center;gap:8px;background:transparent;border:0;padding:0;color:#ffda88;font-weight:900;cursor:pointer;font-size:13px}
.forum-author-link:hover{text-decoration:underline}
.forum-author-avatar{width:37px;height:37px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:2px solid #bfa15d;background:#20394d;color:#fff;font-size:19px;overflow:hidden;flex-shrink:0}
.forum-author-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.forum-author-date{font-size:10px;color:#97b6c8}
.shop-frame-gold{border:4px solid #f5c64f!important;box-shadow:0 0 12px #dfb93f96!important}
.shop-frame-fire{border:4px solid #fc6143!important;box-shadow:0 0 15px #e54b42c1!important}
.shop-frame-neon{border:4px solid #49d0ed!important;box-shadow:0 0 15px #3be7e9ba!important}
.shop-frame-royal{border:4px solid #bb8aff!important;box-shadow:0 0 18px #ad7cf0c9!important}
.shop-bg-stars{background:radial-gradient(circle at 15% 20%,#f9de91 1px,transparent 3px),radial-gradient(circle at 80% 30%,#ffdd9b 1px,transparent 4px),linear-gradient(140deg,#122a55,#281648)!important}
.shop-bg-stadium{background:radial-gradient(circle at top,#7ecbbb69,transparent 50%),linear-gradient(160deg,#1d4652,#172e38)!important}
.shop-bg-lava{background:radial-gradient(circle at 15% 50%,#f34e3799,transparent 45%),linear-gradient(130deg,#601f30,#151c2e)!important}
.shop-equipped-title{color:#f8d27c!important;font-size:11px;font-weight:900;margin-top:5px}
@media(max-width:650px){.cup-rounds{grid-template-columns:1fr}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.paper-article-grid{grid-template-columns:1fr}}
@media(max-width:380px){.shop-grid{grid-template-columns:1fr}}


/* NEWSPAPER READABILITY: the global dark section theme must never tint print. */
#gazetteTab.tab-panel section.oda-paper{
  background:#f7eedc!important;background-image:none!important;
  color:#201915!important;
  border:2px solid #c5ac80!important;border-radius:12px!important;
  padding:clamp(12px,3.5vw,23px)!important;
  box-shadow:inset 0 0 0 3px #ead8b8,0 5px 16px #020b1a55!important;
}
#gazetteTab .oda-paper .oda-paper-top{background:transparent!important;border-color:#221910!important}
#gazetteTab .oda-paper .oda-paper-top .edition{
  color:#654029!important;font-size:11px!important;letter-spacing:1.5px!important;line-height:1.6!important
}
#gazetteTab .oda-paper .oda-paper-top h2{
  color:#211913!important;font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(27px,6.3vw,48px)!important;line-height:1.07!important;
  font-weight:900!important;letter-spacing:-1px!important;margin:9px 0!important;
  text-shadow:none!important;overflow-wrap:anywhere!important
}
#gazetteTab .oda-paper .oda-paper-top p{
  color:#594634!important;font:700 11px/1.5 system-ui,sans-serif!important;
  letter-spacing:.2px!important;text-shadow:none!important
}
#gazetteTab .oda-paper .paper-flash{
  background:#a21c23!important;background-image:none!important;
  color:#fff7e8!important;border:2px solid #86151b!important;
  font:900 clamp(12px,2.5vw,16px)/1.4 system-ui,sans-serif!important;
  letter-spacing:.5px!important;padding:12px 10px!important;
  text-shadow:none!important
}
#gazetteTab .oda-paper .oda-paper-hero{
  background:transparent!important;border-bottom:3px double #765642!important;
  margin:16px 0!important;padding:8px 3px 18px!important;
}
#gazetteTab .oda-paper .paper-card{background:transparent!important;border-color:#ac9574!important}
#gazetteTab .oda-paper .paper-byline{
  color:#584432!important;font:800 11px/1.55 system-ui,sans-serif!important;
  text-shadow:none!important;letter-spacing:.1px!important
}
#gazetteTab .oda-paper article h3,
#gazetteTab .oda-paper article h4{
  color:#17110e!important;background:transparent!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-weight:900!important;line-height:1.18!important;text-shadow:none!important;
  overflow-wrap:break-word!important
}
#gazetteTab .oda-paper article.oda-paper-hero h3{font-size:clamp(25px,5.5vw,39px)!important;margin:12px 0!important}
#gazetteTab .oda-paper article.paper-card h4{font-size:clamp(19px,3.9vw,26px)!important;margin:9px 0!important}
#gazetteTab .oda-paper article p,
#gazetteTab .oda-paper .paper-empty{
  color:#352920!important;font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(14px,2.7vw,16px)!important;line-height:1.65!important;
  text-shadow:none!important;overflow-wrap:anywhere!important
}
#gazetteTab .oda-paper .paper-score{
  background:#2d211c!important;color:#ffedd2!important;
  border:2px solid #5a4131!important;border-radius:8px!important;
  display:flex!important;align-items:center!important;gap:9px!important;
  padding:12px 10px!important;font:900 clamp(15px,3.2vw,21px)/1.2 system-ui,sans-serif!important;
}
#gazetteTab .oda-paper .paper-score .vs{color:#ffefc7!important;font-size:clamp(16px,3vw,20px)!important}
#gazetteTab .oda-paper .paper-score button{
  background:#ffd671!important;color:#201a14!important;
  -webkit-text-fill-color:#201a14!important;
  border:2px solid #ffe6a5!important;border-radius:8px!important;
  font:900 clamp(13px,2.8vw,18px)/1.2 system-ui,sans-serif!important;
  padding:9px 11px!important;text-decoration:underline!important;
  text-underline-offset:2px!important;white-space:normal!important;
  min-height:44px!important;box-shadow:none!important
}
#gazetteTab .oda-paper .paper-score button:focus-visible{outline:3px solid #fff!important;outline-offset:2px!important}
@media(max-width:560px){
 #gazetteTab.tab-panel section.oda-paper{padding:12px!important}
 #gazetteTab .oda-paper .paper-article-grid{grid-template-columns:1fr!important}
 #gazetteTab .oda-paper .paper-score{gap:7px!important;flex-wrap:wrap!important}
 #gazetteTab .oda-paper .paper-score button{padding:9px!important}
 #gazetteTab .oda-paper .paper-byline{font-size:10px!important}
}


/* Admin owns tournament creation; keep the control prominent even with zero cups. */
#cupsTab .cup-create-entry{
 display:block;width:100%;padding:14px 16px;margin:12px 0 16px;
 background:#f4c65d!important;color:#15273a!important;
 border:2px solid #ffe39e!important;border-radius:11px!important;
 font-size:16px!important;font-weight:950!important;letter-spacing:.3px;
 box-shadow:0 5px 0 #8b6d31;
}
#cupsTab .cup-create-entry.hidden{display:none!important}
#cupsTab .cup-create-entry:focus-visible{outline:3px solid #fff;outline-offset:2px}
#cupsTab .cup-empty-state{
 margin:14px 0;padding:22px 14px;border:1px dashed #82a4b6;border-radius:12px;
 color:#e6f0f6;text-align:center;font-weight:750;font-size:14px;line-height:1.65;
 background:#1b3d50;
}
#cupsTab .cup-create-help{color:#c3dce8;font-size:12px;line-height:1.5;margin:0 0 12px}
