:root{
 --bg:#16141e;--panel:#211d2a;--card:#30283a;--edge:rgba(244,222,203,.14);
 --text:#fff5e9;--muted:#b7a8b4;--mint:#ffd299;--mint2:#eab980;--orange:#ffc98f
}
.ambient-one{background:rgba(235,146,97,.12)}
.ambient-two{background:rgba(153,115,195,.09)}
.brand,.brand .brand-light{color:#ffd299}
.eyebrow,.card-eyebrow{color:#ffd299}
.eyebrow-line,.live-dot{background:#ffd299}
.hero h1 em{color:#ffd299}
.primary-button{background:#ffd299;border-color:#ffd299;color:#342329;box-shadow:0 10px 27px rgba(239,184,125,.14)}
.primary-button:hover{background:#ffe0b3}
.arcade-link:hover,.footer a:hover{color:#ffe0b3}
.chapter-tab.active,.chapter-tab:hover{background:#ffd299;color:#382835;border-color:#ffd299}
.level-card{background:linear-gradient(140deg,#342a3c,#282434)}
.level-card.complete{background:linear-gradient(140deg,#5f453f,#302839);border-color:rgba(255,212,157,.53)}
.level-card-head strong{color:#ffd299}
.play-panel{background:linear-gradient(160deg,#2b2532,#1d1a29)}
.info-card{background:rgba(55,43,57,.8)}
.info-card.pale{background:rgba(133,91,84,.12)}
.game-stats .star-value,.level-card-bottom span{color:#ffd299}
.match-track>div{background:linear-gradient(90deg,#df9b83,#ffe0a5)}
.domino-preview{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:300px;padding:15px;border-radius:24px;background:#32283a;transform:rotate(-8deg);box-shadow:0 20px 45px rgba(0,0,0,.3)}
.preview-pair{position:relative;display:grid;grid-template-rows:1fr 1fr;gap:2px;aspect-ratio:1/2;background:#9c5971;border-radius:13px;padding:5px}
.preview-pair span{display:grid;place-items:center;border-radius:8px;background:rgba(13,14,22,.22);font:900 34px Outfit;color:white}
.preview-pair b{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:4px 10px;border:2px solid #ffe8ca;border-radius:99px;background:#3f2e39;color:#fff5de;font:900 17px Outfit}
.preview-pair.b{background:#467b74}
.preview-pair.c{background:#a97943}
.domino-board{--cols:3;grid-template-columns:repeat(var(--cols),minmax(0,1fr));width:100%;max-width:560px;gap:7px}
.domino-tile{aspect-ratio:1;border:1px solid rgba(242,228,222,.29);border-radius:12px;position:relative;
 display:flex;justify-content:center;align-items:center;min-width:0;color:#fff7ec;background:#3b3445;
 font:900 clamp(22px,4.5vw,42px) Outfit,"Malgun Gothic",sans-serif;
 cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
.domino-tile:hover{border-color:#ffdea3}
.domino-tile.selected{background:#6e4a50;border-color:#ffda8e;box-shadow:inset 0 0 0 2px #f7c887}
.domino-tile.candidate{border-color:#f6c883;box-shadow:inset 0 0 0 1px rgba(242,198,124,.45)}
.domino-tile.paired{background:hsl(var(--pair-hue) 36% 30%);border-color:hsl(var(--pair-hue) 75% 67%);color:white}
.domino-tile.paired:after{content:"";position:absolute;pointer-events:none;z-index:1;background:hsl(var(--pair-hue) 75% 67%);opacity:.85}
.domino-tile.part-right:after{width:8px;height:12px;right:-8px;top:calc(50% - 6px)}
.domino-tile.part-left:after{width:8px;height:12px;left:-8px;top:calc(50% - 6px)}
.domino-tile.part-top:after{height:8px;width:12px;top:-8px;left:calc(50% - 6px)}
.domino-tile.part-bottom:after{height:8px;width:12px;bottom:-8px;left:calc(50% - 6px)}
.domino-tile .sum-corner{position:absolute;top:4px;left:5px;border-radius:20px;
 padding:3px 7px;background:rgba(0,0,0,.47);color:#fff2d6;font-size:clamp(10px,1.3vw,14px);
 font-family:Outfit;font-weight:800;line-height:1.2}
.domino-tile .tile-number{font-size:inherit;line-height:1}
.domino-tile .tile-symbol{position:absolute;bottom:5px;right:6px;font:900 11px Outfit;color:rgba(255,255,255,.75)}
.sum-pool{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px}
.pool-chip{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
 min-height:58px;padding:7px 5px;border-radius:12px;border:1px solid rgba(250,205,158,.38);
 background:#5a3d42;color:#ffead6}
.pool-chip strong{font:900 25px Outfit;line-height:1}
.pool-chip small{font:800 10px Outfit;color:#f3ccaa}
.pool-chip.empty{background:#302c37;border-color:rgba(255,255,255,.1);opacity:.35}
.pool-chip.empty strong{text-decoration:line-through}
.pool-chip.active{box-shadow:0 0 0 2px #ffe9ac}
#status{position:static!important;width:auto!important;height:auto!important;white-space:normal!important;
 margin:16px auto 0!important;overflow:visible!important;clip:auto!important;color:#d5bdb0}
.visual-callout{background:#ffebce;color:#6f4d41}
.visual-callout strong{color:#614038}
.info-card h3{color:#fff5e9}
.tip-sub{color:#b7a8b4!important}
@media(max-width:650px){
 .domino-preview{width:265px}
 .preview-pair span{font-size:29px}
 .domino-board{gap:5px}
 .domino-tile{border-radius:9px;font-size:clamp(20px,7vw,35px)}
 .domino-tile .sum-corner{top:2px;left:3px;padding:2px 5px;font-size:11px}
 .domino-tile.part-right:after{width:6px;right:-6px}
 .domino-tile.part-left:after{width:6px;left:-6px}
 .domino-tile.part-top:after{height:6px;top:-6px}
 .domino-tile.part-bottom:after{height:6px;bottom:-6px}
 .sum-pool{grid-template-columns:repeat(5,minmax(0,1fr))}
 .pool-chip{min-height:48px}
 .pool-chip strong{font-size:21px}
}
@media(max-width:410px){.sum-pool{grid-template-columns:repeat(4,minmax(0,1fr))}.domino-tile{font-size:clamp(18px,6.5vw,29px)}}

/* Current domino sums immediately above the grid, usable on mobile. */
.board-goals{display:flex;align-items:stretch;gap:6px;max-width:560px;margin:0 auto 13px;padding:2px 0 5px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:rgba(255,206,156,.45) transparent}
.board-goals .pool-chip{flex:0 0 auto;min-width:54px;min-height:50px;padding:5px 9px;background:#6e4345;border:1px solid rgba(255,217,168,.6)}
.board-goals .pool-chip strong{font-size:25px;line-height:1}
.board-goals .pool-chip small{font-size:11px;line-height:1.2}
.board-goals .pool-chip.empty{background:#302c37;opacity:.43}
@media(max-width:650px){.board-goals{gap:5px;margin-bottom:10px}.board-goals .pool-chip{min-width:47px;min-height:45px;padding:4px 7px}.board-goals .pool-chip strong{font-size:22px}.board-goals .pool-chip small{font-size:10px}}
