.xdd{--gold:#ffc43d;--muted:#93a4c0;--line:#263a58;box-sizing:border-box;display:grid;grid-template-columns:minmax(215px,1fr) minmax(470px,2.2fr) minmax(235px,1.1fr);gap:18px;max-width:1600px;margin:28px auto;padding:0 16px;color:#d6deec;font:14px/1.6 Arial,sans-serif;text-align:left;scroll-margin-top:100px}.xdd *{box-sizing:border-box}.xdd .xdd-panel{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#101728,#080e1a);overflow:hidden}.xdd button{font-family:inherit;letter-spacing:0;margin:0;line-height:1.4;text-transform:none;cursor:pointer;box-shadow:none;min-height:44px;transition:filter .2s,transform .2s,border-color .2s}.xdd button:focus-visible{outline:3px solid #fff;outline-offset:4px}.xdd button:disabled{cursor:not-allowed}.xdd button:hover:not(:disabled){filter:brightness(1.18)}.xdd .xdd-panel-title{color:var(--gold);font-size:16px;line-height:1.5;margin:0 0 18px}.xdd .xdd-game-title{color:#ffdc52;font-weight:500;font-size:23px;margin:0 0 16px;line-height:1.4}.xdd b{color:#e8edf6}.xdd .xdd-gold{color:var(--gold)}.xdd-left{padding:20px 16px;align-self:start}.xdd-rule{border:1px solid var(--line);border-radius:14px;background:#101a2d99;padding:14px 12px;margin-bottom:12px;font-size:13px}.xdd-example{display:flex;gap:6px;margin-top:10px}.xdd-example i,.xdd-coins i{display:block;aspect-ratio:1;border-radius:50%;border:3px solid #f3eae1;background:radial-gradient(circle at 35% 25%,#fff,#e0e5ea 60%,#afb8c6 70%);box-shadow:inset 0 0 0 2px #aab4c566,0 3px 6px #0004}.xdd-example i{width:28px}.xdd i.red{background:radial-gradient(circle at 35% 25%,#ff9191,#e93338 55%,#a51020 80%);box-shadow:inset 0 0 0 2px #a8122255,0 3px 6px #0004}.xdd-wallet{padding:18px 14px;border:1px solid #67532b;border-radius:15px;background:linear-gradient(130deg,#ffc43d0c,#ffc43d03);margin-top:18px}.xdd-wallet>span{color:var(--muted);font-size:12px}.xdd-wallet>strong{display:block;color:var(--gold);font-size:29px;margin:8px 0 16px}.xdd .xdd-reset,.xdd .xdd-clear{background:#17243b;border:1px solid #344d71;border-radius:11px;color:#d6deed;padding:14px 10px;font-size:12px;font-weight:700}.xdd .xdd-reset{width:100%}.xdd-note{font-size:10px;line-height:1.7;color:var(--muted);margin:14px 0 0}.xdd-header{padding:24px 20px 0;text-align:center}.xdd-meta{display:flex;justify-content:center;gap:18px;color:var(--muted);font-size:12px;flex-wrap:wrap}.xdd-status{padding:12px 10px;margin-top:20px;background:#0b1526;border:1px solid var(--line);border-radius:13px;font-size:12px;min-height:58px;display:grid;place-items:center}.xdd-board{display:grid;grid-template-columns:1fr 1.45fr 1fr;gap:10px;align-items:center;min-height:405px;padding:18px 18px 36px;isolation:isolate}.xdd .xdd-side{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:16px;min-height:270px;padding:20px 8px;border:2px solid #3274dd;border-radius:20px;color:#71aaff;background:linear-gradient(145deg,#152c59e8,#0e1830dc)}.xdd .xdd-side[data-side=odd]{border-color:#b53b48;color:#ff858d;background:linear-gradient(145deg,#501c28df,#29111dde)}.xdd-side strong{font-size:clamp(26px,2.8vw,42px);color:inherit;line-height:1.2}.xdd-side small{font-size:11px;color:#a9b6cc;max-width:130px}.xdd-side>b{font-size:16px;color:#c9d2e3}.xdd-side-choice{color:#95abc9;font-size:10px;letter-spacing:1px}.xdd .xdd-side[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 3px #ffc43d25,0 0 28px #ffc43d12}.xdd .xdd-side[aria-pressed=true] .xdd-side-choice{color:var(--gold)}.xdd .xdd-side.winner{box-shadow:0 0 32px #ffc43d3a;border-color:var(--gold)}.xdd-center{position:relative;text-align:center;min-width:0;align-self:start;padding-top:0}.xdd-timer{width:86px;height:86px;border:4px solid var(--gold);border-radius:50%;background:#111e34;color:var(--gold);font-size:37px;font-weight:700;display:grid;place-items:center;margin:0 auto 6px;box-shadow:inset 0 0 0 5px #1b2d47}.xdd-phase{font-size:9px;color:var(--muted);font-weight:700;display:block;min-height:24px}.xdd-dish{position:relative;width:220px;max-width:120%;aspect-ratio:1;margin:6px 0 0;left:50%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#175f46 0 61%,#24855d 62%,#c9a552 63% 66%,#815326 67% 72%,#dfb768 73%);box-shadow:0 20px 25px #0006}.xdd-coins{position:absolute;inset:23%;display:grid;grid-template-columns:1fr 1fr;gap:10px;transform:rotate(-13deg)}.xdd-coins i{border-width:4px}.xdd-bowl{position:absolute;inset:0;border:6px solid #e1b465;border-radius:50%;background:radial-gradient(ellipse at 34% 25%,#edcc87,#b37b2e 45%,#754010 80%);box-shadow:inset 0 0 0 4px #7d491f,0 12px 14px #0005;display:grid;place-items:center;transition:transform .7s;z-index:1;transform-origin:center}.xdd-bowl span{width:35%;height:16%;border:5px solid #bb8b45;border-radius:50%;background:linear-gradient(#613812,#ca984e);box-shadow:0 5px 10px #6b3e13;transform:translateY(-25px) rotate(-15deg)}.xdd.revealed .xdd-bowl{transform:translate(68%,-40%) rotate(-35deg) scale(.80)}.xdd.shaking .xdd-bowl{animation:xdd-shake .12s infinite alternate}.xdd-result{position:relative;z-index:3;margin:-43px auto 0;width:110%;left:-5%;border:1px solid #8e702c;background:#080f1cf2;border-radius:20px;padding:10px 6px;min-height:78px}.xdd-result small{display:block;color:#bfcbdf;font-size:10px}.xdd-result strong{display:block;color:var(--gold);font-size:23px;line-height:1.5}.xdd-controls{border-top:1px solid var(--line);padding:18px 20px;text-align:center}.xdd-history-label{font-size:11px;color:var(--muted);margin-bottom:10px}.xdd-history{display:flex;gap:6px;overflow-x:auto;padding:0 0 8px;min-height:38px;scrollbar-color:#465975 #111a2c;scrollbar-width:thin}.xdd-history span:not(.xdd-empty){width:27px;height:27px;flex:0 0 27px;border:1px solid #82b3ff;border-radius:50%;display:grid;place-items:center;background:#245db5;color:white;font-size:11px}.xdd-history span.odd{background:#b63040;border-color:#f8949d}.xdd-empty{font-size:11px;color:var(--muted);padding:4px 0}.xdd-selection{display:flex;justify-content:center;gap:8px;font-size:12px;color:var(--muted);margin:18px 0}.xdd-chips{display:flex;justify-content:center;gap:18px;padding:4px 0 20px}.xdd .xdd-chips button{--chip:#2879d4;background:var(--chip);border:5px dashed #b7cae0a6;border-radius:50%;width:59px;height:59px;min-height:0;padding:4px;color:#fff;box-shadow:0 4px 0 #0004,inset 0 0 0 3px #0002;font-size:12px;flex:0 1 59px;aspect-ratio:1}.xdd .xdd-chips button:nth-child(2){--chip:#8650bb}.xdd .xdd-chips button:nth-child(3){--chip:#248b71}.xdd .xdd-chips button:nth-child(4){--chip:#c38a39}.xdd .xdd-chips button:nth-child(5){--chip:#bf3b50}.xdd .xdd-chips button[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:5px;transform:translateY(-4px)}.xdd .xdd-chips button:disabled{opacity:.5}.xdd-actions{display:flex;gap:18px;justify-content:center;margin:10px 0}.xdd .xdd-start{background:linear-gradient(115deg,#f7cd68,#d99338);border:1px solid #dfaf50;border-radius:11px;color:#211805;font-weight:700;font-size:14px;min-width:200px;padding:15px 14px}.xdd .xdd-start:disabled,.xdd .xdd-clear:disabled{opacity:.5}.xdd .xdd-sound{background:none;color:var(--muted);border:0;font-size:10px;padding:8px;min-height:32px}.xdd-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);text-align:center;background:#080e19}.xdd-stats>div{padding:14px 5px;border-right:1px solid var(--line)}.xdd-stats>div:last-child{border:0}.xdd-stats span{font-size:9px;color:var(--muted)}.xdd-stats strong{display:block;color:#eef2f9;font-size:20px;margin-top:5px}.xdd-right{min-width:0;display:flex;flex-direction:column;gap:16px}.xdd-right .xdd-panel{padding:20px 16px}.xdd-feed-title{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.xdd-feed-title h3{font-size:14px}.xdd-feed-title>span{font-size:8px;white-space:nowrap;color:#71d8ab;border:1px solid #246648;border-radius:20px;padding:4px 6px}.xdd-feed{display:grid;gap:9px}.xdd-feed p{font-size:11px;line-height:1.7;border:1px solid var(--line);border-radius:10px;padding:11px 10px;margin:0;background:#101a2c;color:#adbbd2}.xdd-feed p b{color:var(--gold)}.xdd-feed .gain{color:#50d692}.xdd-feed .loss{color:#ff9097}.xdd .xdd-log table{border-collapse:collapse;width:100%;margin:0;font-size:11px;color:#c9d3e5}.xdd .xdd-log th{color:var(--muted);font-size:10px;padding:10px 4px;border-bottom:1px solid var(--line);letter-spacing:0}.xdd .xdd-log td{padding:9px 4px;border-bottom:1px solid var(--line)}.xdd-log td:last-child{font-weight:700}.xdd-log .even{color:#73acff}.xdd-log .odd{color:#ff7e8a}@keyframes xdd-shake{from{transform:translate(-6px,2px) rotate(-6deg)}to{transform:translate(6px,-3px) rotate(6deg)}}@media(min-width:1250px){.xdd{width:calc(100vw - 40px);position:relative;left:50%;transform:translateX(-50%)}}@media(max-width:1100px){.xdd{grid-template-columns:210px minmax(0,1fr);max-width:1000px}.xdd-right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.xdd-board{min-height:400px}.xdd-chips{gap:14px}}@media(max-width:700px){.xdd{display:flex;flex-direction:column;padding:0 10px;margin:20px auto;gap:14px}.xdd-play{order:0}.xdd-left{order:1;width:100%}.xdd-right{order:2;display:flex}.xdd-header{padding:20px 12px 0}.xdd .xdd-game-title{font-size:21px}.xdd-meta{font-size:10px;gap:12px}.xdd-board{padding:18px 10px 24px;gap:6px;min-height:330px;grid-template-columns:1fr 1.45fr 1fr}.xdd .xdd-side{min-height:205px;padding:15px 5px;gap:10px;border-radius:15px}.xdd-side strong{font-size:25px}.xdd-side small{font-size:8px}.xdd-side>b{font-size:11px}.xdd-side-choice{font-size:8px;letter-spacing:0}.xdd-timer{width:65px;height:65px;font-size:29px;border-width:3px}.xdd-phase{font-size:8px}.xdd-dish{width:155px}.xdd-result{min-height:61px;border-radius:14px;margin-top:-25px;padding:7px 3px}.xdd-result small{font-size:8px}.xdd-result strong{font-size:18px}.xdd-coins{gap:6px}.xdd-coins i{border-width:3px}.xdd-bowl{border-width:4px}.xdd-bowl span{border-width:3px;transform:translateY(-15px) rotate(-15deg)}.xdd-controls{padding:15px 12px}.xdd-chips{gap:14px}.xdd .xdd-chips button{width:49px;height:49px;flex-basis:49px;border-width:4px;font-size:10px}.xdd-actions{gap:10px}.xdd .xdd-start{min-width:0;flex:1;font-size:12px}.xdd .xdd-clear{font-size:10px}.xdd-selection{font-size:11px;gap:6px}.xdd-stats span{font-size:8px}.xdd-stats strong{font-size:18px}.xdd-status{font-size:11px;min-height:61px}.xdd-note{font-size:11px}.xdd-right .xdd-panel{padding:18px}}@media(prefers-reduced-motion:reduce){.xdd *{animation:none!important;transition:none!important}}

/* v1.2: material artwork, table lighting and coordinated motion. */
.xdd .xdd-play{border-color:#385064;box-shadow:0 20px 50px #03091635,inset 0 1px 0 #b4d9ff15}.xdd-header{background:radial-gradient(ellipse at 50% 0,#30413e60,transparent 75%)}.xdd .xdd-game-title{text-shadow:0 2px 14px #ffcf4838;letter-spacing:1px}.xdd-board{position:relative;background:radial-gradient(ellipse at 50% 67%,#14504670,transparent 66%),repeating-linear-gradient(125deg,#ffffff02 0 1px,transparent 1px 5px),linear-gradient(#0d1624,#0b1622);min-height:430px;padding-bottom:42px;overflow:hidden}.xdd-board::before{content:"";position:absolute;left:6%;right:6%;top:13%;bottom:6%;border:1px solid #bda36919;border-radius:50%;box-shadow:0 0 0 10px #d5b96b04,inset 0 0 35px #0003;pointer-events:none;z-index:-1}.xdd-stage-light{position:absolute;pointer-events:none;inset:0;background:conic-gradient(from 140deg at 50% -15%,transparent 0deg,#fff3bd09 25deg,transparent 50deg);z-index:-1}.xdd-center{perspective:850px}.xdd-dish{width:250px;background:none;box-shadow:none;filter:drop-shadow(0 14px 9px #0009);margin-top:10px;transform-style:preserve-3d}.xdd-dish::before{content:"";position:absolute;inset:0;border-radius:50%;background:url('tableware.webp') 4.15% 39%/219.012% 109.506% no-repeat;clip-path:circle(49% at 50% 50%)}.xdd-dish::after{content:"";position:absolute;inset:7%;border-radius:50%;box-shadow:inset 0 -5px 15px #6b461321;pointer-events:none}.xdd-bowl{inset:0;border:0;background:none;box-shadow:none;border-radius:50%;filter:drop-shadow(3px 9px 5px #0007);transform:translate3d(0,0,0);transition:transform .85s cubic-bezier(.22,.74,.25,1),filter .85s;will-change:transform}.xdd-bowl::before{content:"";position:absolute;inset:0;border-radius:50%;background:url('tableware.webp') 96.27% 39%/219.012% 109.506% no-repeat;clip-path:circle(49% at 50% 50%)}.xdd-bowl span{display:none}.xdd.revealed .xdd-bowl{transform:translate3d(67%,-49%,55px) rotate(-26deg) rotateY(-25deg) scale(.72);filter:drop-shadow(12px 22px 10px #0008)}.xdd.shaking .xdd-bowl{animation:none}.xdd.shaking .xdd-dish{animation:xdd-physical-shake .36s ease-in-out infinite;filter:drop-shadow(0 20px 12px #0008)}.xdd-coins{inset:28%;gap:9px;transform:rotate(-11deg);z-index:0}.xdd-coins i{position:relative;background:radial-gradient(ellipse at 30% 20%,#fff 0 12%,#f8f6ef 32%,#dddace 68%,#a9a89f 100%);border:2px solid #fcf7e9;box-shadow:0 3px 0 #b6b4a8,1px 6px 5px #3b352957,inset 0 0 0 3px #dedbc7,inset 0 0 0 4px #fff8;transform:rotate(var(--tilt,0deg));}.xdd-coins i::before{content:"";position:absolute;inset:10%;border-radius:50%;border:1px solid #ffffff6e;background:linear-gradient(135deg,#ffffff70,transparent 45%)}.xdd-coins i::after{content:"";position:absolute;left:22%;right:22%;top:13%;height:18%;border-radius:50%;background:#ffffff6b;filter:blur(1px);transform:rotate(-25deg)}.xdd-coins i.red{background:radial-gradient(ellipse at 30% 20%,#ff9290 0,#e84c50 28%,#be1328 65%,#680b1b);border-color:#f8dad0;box-shadow:0 3px 0 #a66c68,1px 6px 5px #3b352960,inset 0 0 0 3px #c5484c,inset 0 0 0 4px #ffb1a069}.xdd-coins i:nth-child(1){--tilt:-14deg;--delay:.08s}.xdd-coins i:nth-child(2){--tilt:19deg;--delay:.12s}.xdd-coins i:nth-child(3){--tilt:8deg;--delay:.16s}.xdd-coins i:nth-child(4){--tilt:-22deg;--delay:.20s}.xdd.revealed .xdd-coins i{animation:xdd-coin-settle .6s var(--delay) both}.xdd-result{margin-top:-28px;min-height:70px;width:106%;left:-3%;background:linear-gradient(145deg,#142236f5,#080e19fa);border-color:#b998497a;box-shadow:0 8px 18px #0004,inset 0 1px 0 #ffe9a32b}.xdd.revealed .xdd-result{animation:xdd-result-in .45s .2s both}.xdd-result strong{text-shadow:0 0 18px #ffc43d30}.xdd .xdd-side{box-shadow:inset 0 1px 0 #b6d5ff3a,0 8px 18px #0003;background:linear-gradient(140deg,#19407ac9,#0f1c35ed 60%);border-color:#3979c6}.xdd .xdd-side[data-side=odd]{background:linear-gradient(140deg,#772735bf,#271521eb 60%);border-color:#be4a56}.xdd .xdd-side:disabled{opacity:.8}.xdd .xdd-side.winner{opacity:1;animation:xdd-winner-glow 1.4s ease-in-out 3;border-color:#ffcf64}.xdd .xdd-side[aria-pressed=true]{box-shadow:inset 0 1px 0 #fff5,0 0 0 3px #ffc43d20,0 8px 24px #0004}.xdd .xdd-side:not(:disabled):hover{transform:translateY(-3px)}.xdd-timer{--progress:100%;border:0;position:relative;background:radial-gradient(closest-side,#102136 81%,transparent 83%),conic-gradient(#ffdb75 var(--progress),#2c3849 0);box-shadow:0 0 22px #ffc43d12,inset 0 0 15px #08122166;text-shadow:0 2px 5px #0006;font-size:35px;transition:color .2s}.xdd.xdd-urgent .xdd-timer{color:#ff9774;animation:xdd-timer-pulse 1s ease-in-out infinite}.xdd .xdd-chips button{background:radial-gradient(circle at 35% 20%,#ffffff35,transparent 55%),var(--chip);box-shadow:0 3px 0 #243044,0 6px 0 #080d19,0 10px 12px #0006,inset 0 0 0 2px #08122170,inset 0 0 0 4px #ffffff24;position:relative;transition:transform .2s,filter .2s,outline-color .2s}.xdd .xdd-chips button span{display:grid;place-items:center;border:1px solid #ffffff30;border-radius:50%;width:100%;height:100%;text-shadow:0 2px 2px #0005}.xdd .xdd-chips button:not(:disabled):hover{transform:translateY(-5px) rotate(-8deg)}.xdd .xdd-start{box-shadow:inset 0 1px 0 #fff7,0 4px 0 #88531b,0 8px 18px #0003;background:linear-gradient(105deg,#dba441,#ffe5a0 45%,#dfa347);transition:transform .15s,filter .2s}.xdd .xdd-start:not(:disabled):active{transform:translateY(3px);box-shadow:inset 0 1px 0 #fff7,0 1px 0 #88531b}.xdd-reward{position:absolute;z-index:5;top:65%;left:-20%;width:140%;pointer-events:none;color:#ffe6a0;font-weight:800;font-size:22px;letter-spacing:1px;text-shadow:0 2px 0 #624016,0 0 20px #ffbb45;opacity:0}.xdd.xdd-won .xdd-reward{animation:xdd-reward-rise 2.2s .5s both}.xdd.xdd-won .xdd-stage-light::after{content:"";position:absolute;inset:10% 20%;background:radial-gradient(circle at 15% 35%,#ffe49a 0 2px,transparent 3px),radial-gradient(circle at 85% 30%,#ffe49a 0 2px,transparent 3px),radial-gradient(circle at 25% 70%,#ffe49a 0 2px,transparent 3px),radial-gradient(circle at 75% 65%,#ffe49a 0 2px,transparent 3px);animation:xdd-sparks 1.8s .2s both}.xdd-history span:last-child:not(.xdd-empty){animation:xdd-result-in .35s both}@keyframes xdd-physical-shake{0%,100%{transform:translateX(-50%) translateY(0) rotate(0)}20%{transform:translateX(calc(-50% - 7px)) translateY(-5px) rotate(-5deg)}50%{transform:translateX(calc(-50% + 7px)) translateY(-9px) rotate(5deg)}75%{transform:translateX(calc(-50% - 4px)) translateY(-3px) rotate(-3deg)}}@keyframes xdd-coin-settle{0%{transform:translateY(-5px) rotate(calc(var(--tilt) - 15deg)) scale(.93)}55%{transform:translateY(1px) rotate(calc(var(--tilt) + 4deg)) scale(1.02)}100%{transform:rotate(var(--tilt))}}@keyframes xdd-result-in{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes xdd-winner-glow{0%,100%{box-shadow:inset 0 0 22px #ffc43d09,0 0 14px #ffc43d20}50%{box-shadow:inset 0 0 28px #ffc43d22,0 0 24px #ffc43d40}}@keyframes xdd-timer-pulse{50%{box-shadow:0 0 22px #ef743537}}@keyframes xdd-reward-rise{0%{opacity:0;transform:translateY(15px) scale(.85)}18%,55%{opacity:1;transform:translateY(-10px) scale(1)}100%{opacity:0;transform:translateY(-65px) scale(1.04)}}@keyframes xdd-sparks{0%{opacity:0;transform:translateY(15px) scale(.7)}30%{opacity:1}100%{opacity:0;transform:translateY(-50px) scale(1.2)}}@media(max-width:700px){.xdd-board{min-height:350px;padding-bottom:32px}.xdd-dish{width:168px;margin-top:12px}.xdd-timer{font-size:29px}.xdd-coins{gap:6px;inset:28%}.xdd-coins i{border-width:1px;box-shadow:0 2px 0 #b6b4a8,1px 4px 4px #3b352950,inset 0 0 0 2px #dedbc7}.xdd-coins i.red{box-shadow:0 2px 0 #a66c68,1px 4px 4px #3b352950,inset 0 0 0 2px #c5484c}.xdd-result{margin-top:-18px;min-height:60px}.xdd-reward{font-size:16px}.xdd.revealed .xdd-bowl{transform:translate3d(64%,-48%,25px) rotate(-26deg) rotateY(-25deg) scale(.68)}}@media(prefers-reduced-motion:reduce){.xdd *,.xdd *::before,.xdd *::after{animation:none!important;transition:none!important}.xdd.xdd-won .xdd-reward{opacity:0}.xdd-bowl{will-change:auto}}
/* Keep the lifted cover clear of all four result tokens. */
.xdd-center{perspective:none}.xdd-dish{transform-style:flat}.xdd.revealed .xdd-bowl{transform:translate(74%,-48%) rotate(-28deg) scale(.65,.55)}
@media(max-width:700px){.xdd.revealed .xdd-bowl{transform:translate(69%,-47%) rotate(-28deg) scale(.62,.53)}}

/* v1.2.1: compact table and controls, retaining touch target sizes. */
.xdd{max-width:1360px;gap:14px;margin-top:22px;margin-bottom:22px;grid-template-columns:minmax(200px,1fr) minmax(440px,2.2fr) minmax(210px,1.05fr)}
.xdd-left,.xdd-right .xdd-panel{padding:16px 13px}.xdd .xdd-panel-title{margin-bottom:13px;font-size:14px}.xdd-rule{padding:11px 10px;margin-bottom:10px;font-size:12px}.xdd-example{margin-top:7px}.xdd-example i{width:25px}.xdd-wallet{padding:13px 11px;margin-top:12px}.xdd-wallet>strong{font-size:26px;margin:5px 0 11px}.xdd-note{margin-top:10px}.xdd-header{padding:18px 16px 0}.xdd .xdd-game-title{font-size:21px;margin-bottom:10px}.xdd-meta{gap:12px;font-size:11px}.xdd-status{margin-top:13px;padding:9px;min-height:48px}.xdd-board{min-height:338px;padding:14px 14px 24px;gap:8px}.xdd .xdd-side{min-height:215px;padding:14px 6px;gap:12px;border-radius:16px}.xdd-side strong{font-size:32px}.xdd-side small{font-size:10px}.xdd-side>b{font-size:13px}.xdd-timer{width:68px;height:68px;font-size:29px}.xdd-phase{min-height:21px;font-size:8px}.xdd-dish{width:205px;margin-top:7px}.xdd-result{min-height:59px;padding:7px 5px;margin-top:-22px;border-radius:15px}.xdd-result strong{font-size:20px}.xdd-controls{padding:12px 16px}.xdd-history-label{margin-bottom:6px;font-size:10px}.xdd-history{min-height:32px;padding-bottom:5px}.xdd-selection{margin:11px 0;font-size:11px}.xdd-chips{gap:15px;padding:4px 0 12px}.xdd .xdd-chips button{width:52px;height:52px;flex-basis:52px;font-size:11px}.xdd-actions{margin:6px 0;gap:12px}.xdd .xdd-start{padding:12px;min-width:170px;font-size:12px}.xdd .xdd-clear,.xdd .xdd-reset{padding:11px 9px;font-size:11px}.xdd .xdd-sound{min-height:30px;padding:6px}.xdd-stats>div{padding:10px 4px}.xdd-stats strong{font-size:18px;margin-top:2px}.xdd-feed p{padding:9px 8px}.xdd .xdd-log td{padding:7px 4px}.xdd-right{gap:12px}
@media(max-width:1100px){.xdd{grid-template-columns:200px minmax(0,1fr);max-width:960px}.xdd-right{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:700px){.xdd{display:flex;gap:12px;margin:16px auto;padding:0 10px}.xdd-header{padding:15px 11px 0}.xdd .xdd-game-title{font-size:19px;margin-bottom:9px}.xdd-meta{font-size:10px;gap:9px}.xdd-status{font-size:11px;min-height:49px;margin-top:11px}.xdd-board{min-height:293px;padding:12px 9px 20px;gap:5px}.xdd .xdd-side{min-height:176px;padding:10px 4px;gap:8px;border-radius:13px}.xdd-side strong{font-size:23px}.xdd-side small{font-size:8px}.xdd-side>b{font-size:10px}.xdd-timer{width:56px;height:56px;font-size:25px}.xdd-dish{width:150px;margin-top:6px}.xdd-result{min-height:51px;margin-top:-16px;padding:6px 3px}.xdd-result strong{font-size:17px}.xdd-result small{font-size:8px}.xdd-controls{padding:11px}.xdd-selection{margin:10px 0;font-size:10px}.xdd-chips{gap:12px;padding-bottom:10px}.xdd .xdd-chips button{width:46px;height:46px;flex-basis:46px;font-size:10px}.xdd .xdd-start{min-width:0;font-size:11px;padding:12px 9px}.xdd .xdd-clear{font-size:9px}.xdd-stats span{font-size:8px}.xdd-stats strong{font-size:17px}.xdd-right{display:flex}.xdd-reward{font-size:14px}}

/* Explicit typography preserves titles without document headings. */
.xdd .xdd-game-title,.xdd .xdd-panel-title{font-family:inherit;font-style:normal}.xdd .xdd-panel-title{font-weight:700}