.c7-main{max-width:1120px;margin:auto;padding-bottom:40px}.c7-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 16px}.c7-heading h1{font-size:32px;margin:0;letter-spacing:-1px}.c7-heading h1 span{color:#a86436}.c7-heading a{font-size:13px}.c7-layout{display:grid;grid-template-columns:minmax(0,690px) minmax(260px,1fr);gap:32px}.c7-layout>*{min-width:0}#c7-board{padding:20px;border-radius:18px;background:#24483f;color:#fff8e9;box-shadow:inset 0 0 0 1px #ffffff16}#c7-board:focus{outline:none}#c7-board:focus-visible{outline:3px solid #b77943;outline-offset:4px}.c7-table-top{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#d6e5dc;margin-bottom:16px}.c7-opponents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.c7-player{text-align:center}.c7-player-head{display:flex;justify-content:center;gap:8px;font-size:13px;margin-bottom:8px}.c7-player-head span{color:#d4ded7}.c7-tiles{display:flex;justify-content:center;gap:5px}.c7-tile{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:43px;height:59px;border-radius:6px;background:#fffcf2;box-shadow:0 3px 0 #c9c2ae;font-weight:750;font-size:28px;line-height:1.05;border:1px solid #dbd3c4;position:relative;flex-shrink:0}.c7-tile small{font-size:12px;margin-top:3px}.c7-tile.green{color:#247242}.c7-tile.yellow{color:#8a6400}.c7-tile.black{color:#24282c}.c7-tile.brown{color:#8a4a27}.c7-tile.red{color:#ba3545}.c7-tile.purple{color:#7b429e}.c7-tile.blue{color:#226bb0}.c7-tile.hidden-tile{background:repeating-linear-gradient(45deg,#325b50,#325b50 5px,#3a6257 5px,#3a6257 6px);border-color:#8ba397;box-shadow:0 3px 0 #102f27;color:#f2ddac;font-size:30px}.c7-card{margin:22px 0 18px;padding:16px 20px;min-height:136px;background:#fbf6e9;color:#303c34;border-radius:10px;box-shadow:0 5px 16px #112f2826}.c7-caption{display:block;text-transform:uppercase;font-size:10px;letter-spacing:1.3px;opacity:.8}.c7-card p{font-size:20px;line-height:1.3;margin:8px 0 12px}.c7-card strong{font-size:15px;color:#366851}.c7-own{display:flex;align-items:center;justify-content:center;gap:18px}.c7-own>div:first-child{min-width:100px}.c7-own strong{display:block;font-size:22px;margin-top:4px}.c7-own>span{font-size:11px;max-width:105px;opacity:.8}#c7-status{font-size:14px;min-height:40px;margin:12px 0 8px;line-height:1.45}.c7-tools{display:flex;gap:8px;flex-wrap:wrap}.c7-page button,.c7-page select{font:inherit;min-height:44px;border:1px solid #cfc9ba;border-radius:7px;background:#faf7f0;color:#334b3e;padding:9px 13px;cursor:pointer}.c7-page button:hover{background:#eceade}.c7-page button.c7-primary{background:#315d4c;color:#fff;border-color:#315d4c}.c7-page button:disabled{opacity:.5;cursor:default}.c7-page :is(button,select,textarea,summary):focus-visible{outline:3px solid #a66a34;outline-offset:3px}.c7-page [hidden]{display:none!important}#c7-guess{margin-top:12px}#c7-guess fieldset{border:0;padding:0;margin:0}#c7-guess legend{font-size:14px;margin-bottom:8px}#c7-guess small{font-size:12px;color:#70786d}.c7-guess-row{display:flex;gap:8px}.c7-guess-row select{font-size:20px;min-width:58px}.c7-guess-row button{margin-left:auto}.c7-muted{color:#697569;font-size:12px;line-height:1.5}.c7-intro{font-size:23px;line-height:1.35;margin:5px 0 20px}.c7-guide details,#c7-journal{border-top:1px solid #d9dace;padding:12px 0}.c7-page summary{cursor:pointer;font-weight:650;font-size:15px}.c7-guide p,.c7-guide li{font-size:13px;line-height:1.65}.c7-guide ol{padding-left:20px}.c7-guide li+li{margin-top:8px}#c7-inventory{display:flex;flex-direction:column;align-items:center;gap:6px;margin:14px 0}.c7-inventory-row{display:flex;gap:4px}#c7-inventory .c7-tile{width:32px;min-height:44px;height:44px;font-size:21px;padding:0;box-shadow:none}#c7-inventory .c7-tile small{font-size:9px}.c7-tile.crossed{opacity:.5}.c7-tile.crossed:after{content:'×';position:absolute;inset:0;color:#222;font-size:38px;line-height:40px}.c7-tile.circled{outline:2px solid #a56832;outline-offset:1px}.c7-notes-label{display:block;font-size:12px;margin-bottom:5px}#c7-notes{width:100%;box-sizing:border-box;resize:vertical;background:#fffdf7;border:1px solid #cccfc0;border-radius:6px;padding:9px;font:inherit;font-size:13px}#c7-clear-notes{font-size:12px;margin-top:6px}#c7-log{padding-left:24px;max-height:460px;overflow:auto;font-size:13px}#c7-log>li{padding:10px 5px;border-bottom:1px solid #ddd}#c7-log p{margin:5px 0}.c7-snapshot{font-size:11px;color:#586552}.c7-page dialog{max-width:440px;width:calc(100% - 40px);box-sizing:border-box;border:1px solid #bac3b4;border-radius:14px;background:#faf8ee;padding:24px;color:#2e3e33}.c7-page dialog::backdrop{background:#142b24a6}.c7-page dialog h2{font-size:23px;margin-top:0}.c7-page dialog p{font-size:15px;line-height:1.6;white-space:pre-line}.c7-page dialog button{font-size:13px}
@media(max-width:760px){.c7-layout{grid-template-columns:1fr;gap:24px}.c7-main{max-width:560px}.c7-heading{margin:4px 0 10px}.c7-heading h1{font-size:27px}.c7-page .header{padding-block:8px;gap:4px}.c7-page .brand small,.c7-page .page-nav-buttons{display:none}.c7-page .header .nav{gap:0 12px}.c7-page .games-nav{margin-block:6px}#c7-board{padding:12px;border-radius:12px}.c7-table-top{font-size:10px;margin-bottom:10px}.c7-opponents{gap:6px}.c7-player-head{font-size:11px;gap:5px}.c7-tile{width:32px;height:45px;font-size:23px}.c7-tile small{font-size:10px}.c7-tiles{gap:3px}.c7-card{margin:14px 0;padding:12px;min-height:112px}.c7-card p{font-size:17px;margin:6px 0 10px}.c7-card strong{font-size:13px}.c7-own{gap:12px}.c7-own>span{display:none}.c7-own strong{font-size:20px}#c7-status{font-size:12px;min-height:34px;margin:9px 0}.c7-guess-row{gap:5px}.c7-guess-row select{min-width:48px;padding:7px}.c7-guess-row button{font-size:12px;padding:8px}.c7-page .shell{padding-inline:14px}}
@media(max-width:350px){.c7-tile{width:27px}.c7-opponents{gap:4px}.c7-page .shell{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.c7-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:760px){.c7-tools button{font-size:13px;padding:9px 10px}}
/* A broad saturated color surface remains identifiable in bright ambient light.
   Numerals and larger symbols provide contrast independently of hue. */
.c7-tile.green{--tile-color:#00843d}
.c7-tile.yellow{--tile-color:#ffda00;--tile-ink:#181400}
.c7-tile.black{--tile-color:#171b24}
.c7-tile.brown{--tile-color:#995025}
.c7-tile.red{--tile-color:#e00035}
.c7-tile.purple{--tile-color:#9224db}
.c7-tile.blue{--tile-color:#0066ee}
.c7-page .c7-tile:not(.hidden-tile){background:var(--tile-color);color:var(--tile-ink,#fff);border-color:#ffffff80;font-weight:750;line-height:1}
.c7-page button.c7-tile:hover{background:var(--tile-color);color:var(--tile-ink,#fff);filter:brightness(1.08)}
.c7-tile small{font-size:14px;line-height:1}
#c7-inventory .c7-tile small{font-size:11px}
.c7-tile.crossed{opacity:1}
.c7-tile.crossed:after{color:#111;text-shadow:0 0 2px #fff,1px 1px 0 #fff,-1px -1px 0 #fff}
.c7-tile.circled{outline-color:#172b24}
@media(max-width:760px){.c7-tile small{font-size:12px}}