/* ========================================================================= AANGAN · THE MOHALLA TOURNAMENT — the Cups room becomes the tournament ground ------------------------------------------------------------------------- Owner 2026-08-27. The showcase-shelves pass (showcase.css) gave the room more FURNITURE, but the owner's read was right: "it looks the same." Shop and Games don't work because of furniture — they work because each is a different PLACE with a different STRUCTURE. A tournament is not a thing to store on a shelf; it is an OCCASION. So the room stops being a cabinet and becomes the day the street holds its tournament: a strung cloth banner, a fixture board, a toss, a points table, a trophy ceremony. The card games stay the sport — cricket lends the frame every player in the group already thinks in. Structure & vocabulary only (28-tour-ui.js); the engine, scoring and prize pool (25-tournament.js) are untouched. Scoped to #homeOv #paneTour — cannot reach the table. Loads after showcase.css/roomfit.css so it re-grounds this one room. Materials are the house's own — teak, haldi paper, gold — plus two cricket accents (marigold garland, red ball). Delete this file (+ the css link) and the room falls back to the showcase. ========================================================================= */ #homeOv #paneTour.rf{ --lg-teak:#2a1a0e; --lg-paper:#ecd9ac; --lg-paper2:#e2ca96; --lg-ink:#4a3313; --lg-ink2:#6b4a1e; --lg-marigold:#e8912a; --lg-gold:#e6bd5c; --lg-gold-dk:#a8791f; --lg-green:#2f7a4d; --lg-ball:#b23a2e; --lg-cloth-1:#d83c2c; --lg-cloth-2:#a4231c; --lg-title:#8a3f1e; } /* re-ground the room: drop the glass-cabinet sheen, warm the field, keep a wood frame (a tournament ground still has a boundary). */ #homeOv #paneTour.rf > .rf-scroll{ background: radial-gradient(120% 60% at 50% 0, rgba(201,138,82,.30), rgba(120,74,38,.12) 60%, transparent), linear-gradient(180deg,#3a2614,#2a1a0e) !important; box-shadow:inset 0 2px 14px rgba(0,0,0,.5),0 0 0 8px #5f3c16, 0 0 0 9px rgba(255,225,175,.22),0 10px 24px rgba(0,0,0,.45) !important; padding:0 0 14px !important; } #homeOv #paneTour.rf > .rf-scroll::before{display:none !important} /* ---------------- 1. the strung cloth banner ---------------- */ #homeOv #paneTour .lg-banner{position:relative;padding:14px 12px 4px;text-align:center} #homeOv #paneTour .lg-bunting{display:block;width:100%;height:16px;margin:0 0 6px} #homeOv #paneTour .lg-cloth{ position:relative;padding:12px 16px 14px;border-radius:4px;color:#fff3e6; background:repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 2px,transparent 2px 5px), linear-gradient(180deg,var(--lg-cloth-1),var(--lg-cloth-2) 62%,#8f1d16); box-shadow:inset 0 2px 0 rgba(255,255,255,.16),inset 0 -6px 14px rgba(70,10,6,.5),0 6px 16px rgba(40,8,4,.45); clip-path:polygon(0 8%,2.5% 0,97.5% 0,100% 8%,100% 92%,97.5% 100%,2.5% 100%,0 92%); } #homeOv #paneTour .lg-cloth::before,#homeOv #paneTour .lg-cloth::after{ content:"";position:absolute;top:-7px;width:13px;height:13px;border-radius:50%; background:radial-gradient(circle at 38% 32%,#fff2c6,#d9a63c 45%,#8a5f14);box-shadow:0 2px 3px rgba(0,0,0,.4)} #homeOv #paneTour .lg-cloth::before{left:20px} #homeOv #paneTour .lg-cloth::after{right:20px} #homeOv #paneTour .lg-nm{font-family:var(--ck-disp);font-weight:700; font-size:15px;color:#ffd98a;letter-spacing:.3px;line-height:1.1; text-shadow:0 1px 0 #7c150f;text-transform:uppercase} #homeOv #paneTour .lg-lg{font-family:var(--ck-disp);font-weight:800; font-size:30px;line-height:.96;letter-spacing:.5px;margin:1px 0 0; text-shadow:0 2px 0 #7c150f,0 3px 6px rgba(0,0,0,.35)} #homeOv #paneTour .lg-tag{font-size:11px;font-weight:600;color:#ffdca6;letter-spacing:.04em;margin-top:6px} #homeOv #paneTour .lg-ball{position:absolute;right:-4px;bottom:-12px;width:40px;height:40px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55))} /* shared inner padding for everything below the banner */ #homeOv #paneTour .lg-live,#homeOv #paneTour .lg-board,#homeOv #paneTour .lg-card{margin:12px 12px 0} /* ---------------- 2. the live series ---------------- */ #homeOv #paneTour .lg-live{position:relative;border-radius:6px;padding:13px 14px;color:#fff2e0;overflow:hidden; background:linear-gradient(160deg,#2f7048,#1e5233); box-shadow:inset 0 0 0 1.5px rgba(255,235,180,.25),0 6px 14px rgba(0,0,0,.36)} #homeOv #paneTour .lg-live-h{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#c3ecd0} #homeOv #paneTour .lg-match{font-family:var(--ck-disp);font-weight:800;font-size:22px;margin:2px 0 0;color:#fff6e6} #homeOv #paneTour .lg-live-sub{font-size:12.5px;color:#dcf1e2;margin-bottom:9px} #homeOv #paneTour .lg-radio{display:flex;align-items:center;gap:8px;padding:7px 11px;border-radius:99px;margin-bottom:10px; background:rgba(18,9,3,.42);border:1px solid rgba(255,220,160,.2);font-size:11.5px;font-weight:600;color:#ffe6c0} #homeOv #paneTour .lg-radio .lg-rd{flex:0 0 13px;width:13px;height:13px;border-radius:2px; background:radial-gradient(circle at 60% 45%,#e7c98f 40%,#8a6a34);box-shadow:inset 0 0 0 1px rgba(0,0,0,.3)} #homeOv #paneTour .lg-radio .lg-rtx b{color:var(--lg-gold)} /* points table — RETIRED 2026-09-09. The tournament standings now render with the canonical .ptbl (tableinfo.css), the component that was originally lifted from here; the old .lg-ptable/.lg-prow/.lg-rank/.lg-who/.lg-pts rules were a byte-for-byte colour duplicate and are gone so the two can never drift. The measured-contrast note that lived here (pts #8a4410 = 4.9:1, leader #96271c = 5.5:1 on the haldi paper) now lives above .ptbl in tableinfo.css. */ /* fixture pips */ #homeOv #paneTour .lg-fix{display:flex;align-items:center;gap:9px;margin-top:10px;font-size:10.5px; font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#cfeecd} #homeOv #paneTour .lg-pips{display:flex;gap:5px;flex:1} #homeOv #paneTour .lg-pip{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.18); box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)} #homeOv #paneTour .lg-pip.done{background:var(--lg-gold)} #homeOv #paneTour .lg-pip.now{background:#ffd79f;box-shadow:0 0 0 2px rgba(255,215,159,.4)} #homeOv #paneTour .lg-fixc{color:#e9f5e6;font-weight:800} #homeOv #paneTour .lg-resume{margin-top:11px;width:100%} /* ---------------- 3. the fixture board ---------------- */ #homeOv #paneTour .lg-board{position:relative;border-radius:6px;padding:13px 13px 15px; background:linear-gradient(160deg,#8a5a2c,#6d4420); box-shadow:inset 0 0 0 3px #5a3717,inset 0 2px 8px rgba(255,220,160,.14),0 6px 14px rgba(0,0,0,.34)} #homeOv #paneTour .lg-board-h{font-family:var(--ck-disp);font-weight:700;font-size:14px;color:#ffe6bd; letter-spacing:.02em;margin-bottom:10px;display:flex;align-items:center;gap:8px} /* a round gold BEAD, not a square: a 10x10 rounded square read as an unchecked checkbox beside the "Choose your match" heading (full-game art audit 2026-08-29). A circle is unmistakably a bullet/marble, never a checkbox. */ #homeOv #paneTour .lg-board-h::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--lg-gold);box-shadow:0 0 0 1px rgba(0,0,0,.3)} #homeOv #paneTour .lg-picks{display:grid;grid-template-columns:1fr 1fr;gap:8px} #homeOv #paneTour .lg-pick{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:4px;cursor:pointer; border:1px solid #c49a55;color:var(--lg-ink);font-weight:600;font-size:12.5px;text-align:left; background:linear-gradient(180deg,#f4e6c6,#e6d0a0); box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.25)} #homeOv #paneTour .lg-pick.sel{background:linear-gradient(180deg,#f7dc95,#d9ac45);border-color:#8d6a1c;color:#3d2a06; box-shadow:inset 0 0 0 1.5px #8d6a1c,0 1px 3px rgba(0,0,0,.3)} #homeOv #paneTour .lg-pic{flex:0 0 24px;width:24px;height:24px;border-radius:6px;overflow:hidden; display:grid;place-items:center;font-size:14px;line-height:1} #homeOv #paneTour .lg-pic img{width:24px;height:24px;object-fit:cover;display:block;border-radius:6px} #homeOv #paneTour .lg-pn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.15} #homeOv #paneTour .lg-fmt{display:flex;gap:8px;margin-top:9px} /* 12px, not 9 (owner 2026-08-29, UX sweep F-nit): the series toggles measured 38px tall — under the 44px a thumb wants for a primary pick. */ #homeOv #paneTour .lg-series{flex:1;border:0;cursor:pointer;padding:12px 6px;border-radius:4px; font-family:inherit;font-weight:700;font-size:12px;color:var(--lg-ink); background:linear-gradient(180deg,#f4e6c6,#e6d0a0);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.25)} #homeOv #paneTour .lg-series.on{background:linear-gradient(180deg,#f7dc95,#d9ac45);color:#3d2a06;box-shadow:inset 0 0 0 1.5px #8d6a1c,0 1px 3px rgba(0,0,0,.3)} /* the call-your-shot pill sits on the board; warm it to the wood */ #homeOv #paneTour .lg-board .tourcall{margin:10px 0 0;background:rgba(20,11,4,.28);border:1px solid rgba(255,222,170,.28);color:#ffe6bd} #homeOv #paneTour .lg-board .tourcall .tcall-tx span{color:#e9ca84} #homeOv #paneTour .lg-board .tourcall.on{background:rgba(232,145,42,.22);border-color:var(--lg-gold)} #homeOv #paneTour .lg-board .tourcall .tcall-chk{background:rgba(255,246,225,.14);border-color:rgba(255,222,170,.5)} #homeOv #paneTour .lg-board .tourcall.on .tcall-chk{background:var(--lg-gold);border-color:var(--lg-gold);color:#3d2a06} /* the toss */ #homeOv #paneTour .lg-toss{margin-top:11px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px; border:0;cursor:pointer;padding:13px;border-radius:6px;color:#3d2a06; font-family:var(--ck-disp);font-weight:800;font-size:16px;letter-spacing:.02em; background:linear-gradient(180deg,#f7dc95 0,#e6bd5c 55%,#cf9a2f 100%); box-shadow:inset 0 1px 0 rgba(255,250,230,.9),0 4px 12px rgba(0,0,0,.4)} #homeOv #paneTour .lg-toss:active{transform:translateY(1px)} #homeOv #paneTour .lg-toss .lg-coin{width:26px;height:26px;flex:0 0 auto} #homeOv #paneTour .lg-toss.tossing .lg-coin{animation:lgFlip .5s linear 3} @keyframes lgFlip{to{transform:rotateY(360deg)}} @media(prefers-reduced-motion:reduce){#homeOv #paneTour .lg-toss.tossing .lg-coin{animation:none}} /* ---------------- 4. haldi-paper info cards ---------------- */ #homeOv #paneTour .lg-card{border-radius:5px;padding:13px 14px;color:var(--lg-ink); background:linear-gradient(180deg,#f2e2be,#e6d0a0); box-shadow:inset 0 1px 0 rgba(255,248,228,.7),0 5px 12px rgba(0,0,0,.3)} #homeOv #paneTour .lg-card-h{font-family:var(--ck-disp);font-weight:700;font-size:15px;color:var(--lg-title);margin-bottom:10px} #homeOv #paneTour .lg-card .tourrewards li{color:var(--lg-ink)} /* "What You Play For" icons stand in recessed wells (folded in from the retired showcase.css so this room has one stylesheet). The drawn icons are ink-stroked for light paper — gold-stroke them for the dark well; the marble keeps its glass. */ #homeOv #paneTour .tourrewards li{align-items:center} #homeOv #paneTour .tourrewards li > span:first-child{ flex:0 0 30px;width:30px;height:30px;display:flex;align-items:center;justify-content:center; font-size:15px;line-height:1;border-radius:4px; background:linear-gradient(180deg,#2f2013,#4a3320); box-shadow:inset 0 3px 6px rgba(6,3,1,.6),inset 0 -2px 0 rgba(255,214,150,.15)} #homeOv #paneTour .tourrewards li > span:first-child[data-ck-ico]:not([data-ck-ico="marble"]) svg{stroke:#f0c65f !important} /* your trophies — the ceremony */ #homeOv #paneTour .lg-mine .lg-mine-row{display:flex;align-items:center;gap:12px} #homeOv #paneTour .lg-tcount b{font-family:var(--ck-disp);font-weight:800;font-size:34px;color:var(--lg-title);line-height:1} #homeOv #paneTour .lg-cup{flex:0 0 auto;line-height:0} #homeOv #paneTour .lg-skin{flex:1;min-width:0;font-size:12px;font-weight:600;color:var(--lg-ink2);line-height:1.35} #homeOv #paneTour .lg-skin.got{color:var(--lg-green);font-weight:700} /* clubhouse wall of champions */ #homeOv #paneTour .lg-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:9px} #homeOv #paneTour .lg-frame{background:linear-gradient(160deg,#f4e8ca,#e4cc98);border-radius:3px;padding:7px 5px 8px;text-align:center; box-shadow:inset 0 0 0 2px #b58a3e,0 2px 5px rgba(0,0,0,.3)} #homeOv #paneTour .lg-fav{width:36px;height:36px;border-radius:50%;margin:0 auto 4px;display:grid;place-items:center; font-weight:800;font-size:15px;color:#fff5ec;box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 0 0 2px rgba(255,255,255,.25)} #homeOv #paneTour .lg-fn{font-size:11px;font-weight:700;color:var(--lg-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #homeOv #paneTour .lg-fg{font-size:9px;color:var(--lg-ink2);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* the empty line sits on the haldi CARD (light), so it is INK, not the cream used on a dark ground — pale-on-pale here would vanish (measured: it did). */ #homeOv #paneTour .lg-wall .tourhall-empty{grid-column:1/-1;font-size:12.5px;color:var(--lg-ink2);line-height:1.5;text-align:center;padding:4px 0} /* phones */ @media(max-width:380px){ #homeOv #paneTour .lg-lg{font-size:26px} #homeOv #paneTour .lg-live,#homeOv #paneTour .lg-board,#homeOv #paneTour .lg-card{margin-left:9px;margin-right:9px} #homeOv #paneTour .lg-wall{gap:7px} } /* ---- THE CUPS STANDINGS ARE NOT A NOTEBOOK (owner 2026-09-11) ---- The shared .ptbl (tableinfo.css) wears a dark-brown corrugated notebook cover with a pasted cream label — right for an in-game scorecard, wrong dropped inside this pane's GREEN FELT scoreboard panel (.lg-live), where the owner caught it: "the brown book cover should only be in score-keeping games." .ptbl-flat, added ONLY on the tournament instance in 28-tour-ui.js, keeps the row STRUCTURE (rank / who / pts, the .lead and .me highlights) and drops the COVER — the table now speaks the panel's own language: a dark translucent card, cream ink, gold accents, matching .lg-radio above it. Scoped to #paneTour so the Kaali/Kachuful in-game scorecards keep their notebook. */ #homeOv #paneTour .ptbl.ptbl-flat{background:none;padding:0;box-shadow:none;border-radius:12px} #homeOv #paneTour .ptbl-flat .ptbl-pg{ background:rgba(18,9,3,.42);border:1px solid rgba(255,220,160,.2);border-radius:12px; box-shadow:none} #homeOv #paneTour .ptbl-flat .ptbl-pg::before{display:none} /* no red margin rule — that's a notebook signifier */ #homeOv #paneTour .ptbl-flat .ptbl-h{ font-family:var(--ck-disp,var(--serif));font-weight:800;font-size:13px;letter-spacing:.06em; text-transform:uppercase;color:#cfeecd;background:none; border-bottom:1px solid rgba(255,220,160,.18);padding:9px 12px 7px} #homeOv #paneTour .ptbl-flat .ptbl-row{ font-family:var(--ck-ui,var(--sans));font-size:14px;line-height:1.1;align-items:center; padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.08);color:#ffe6c0} #homeOv #paneTour .ptbl-flat .ptbl-row:last-child{border-bottom:0} #homeOv #paneTour .ptbl-flat .ptbl-rank{ font-family:var(--ck-ui,var(--sans));font-weight:700;font-size:12px;color:#cfeecd} #homeOv #paneTour .ptbl-flat .ptbl-who{color:#ffe6c0;font-weight:600} #homeOv #paneTour .ptbl-flat .ptbl-pts{ font-family:var(--ck-disp,var(--serif));font-weight:800;font-size:18px;color:var(--lg-gold)} /* the leader: a gold wash + gold ink, the pane's own accent, no pencil-highlighter */ #homeOv #paneTour .ptbl-flat .ptbl-row.lead{background:rgba(230,189,92,.20)} #homeOv #paneTour .ptbl-flat .ptbl-row.lead .ptbl-rank, #homeOv #paneTour .ptbl-flat .ptbl-row.lead .ptbl-who{color:#ffe1a6} #homeOv #paneTour .ptbl-flat .ptbl-row.lead .ptbl-pts{color:#ffd79f} /* your own row: a faint light wash */ #homeOv #paneTour .ptbl-flat .ptbl-row.me{background:rgba(255,255,255,.06)}