*{box-sizing:border-box}body{margin:0;color:#4b4b4b;background:#fff url('/original/i/body.jpg') repeat-x;font:12px Tahoma,Arial,sans-serif}button,input,select{font:inherit}button,a{cursor:pointer}button:disabled{cursor:default;opacity:.55}a,.textlink{color:#21627e}button{border:0}header{height:55px;background:linear-gradient(#444,#151515 75%,#090909);border-bottom:3px solid #777;box-shadow:0 2px 4px #bbb}.topbar{max-width:1000px;margin:auto;display:flex;justify-content:space-between;height:52px;align-items:center}.topbar nav{display:flex;gap:4px}.topbar button{padding:13px 17px;color:white;text-transform:uppercase;font-size:12px;font-weight:bold;background:linear-gradient(#555,#222);border:1px solid #555;border-radius:5px;text-shadow:0 1px #000}.topbar button.selected{background:linear-gradient(#da6b19,#9f3309);border-color:#dc7945}.wrap{max-width:1000px;margin:auto}.masthead{height:150px;display:flex;align-items:center;gap:68px}.welcome{min-height:92px;padding:18px 24px;border:1px solid #ddd;background:linear-gradient(#fff,#f1f1f1);box-shadow:0 3px 0 #ddd;flex:1;margin-right:10px;border-radius:4px;display:flex;flex-direction:column;gap:7px}.welcome b{font-size:21px;color:#24647e}.welcome span{font-size:14px}.welcome small{color:#777}.layout{display:grid;grid-template-columns:minmax(0,660px) minmax(260px,320px);gap:20px}.panel{border:1px solid #c2c2c2;border-radius:5px;background:linear-gradient(#fff,#f4f4f4);box-shadow:0 2px 4px #bbb;margin:0 0 18px;overflow:hidden}.panel h2,.section-title{font-size:14px;margin:0;padding:11px 12px;color:#24647e;background:linear-gradient(#fff,#ddd);border-bottom:1px solid #bbb}.pad{padding:12px;line-height:1.65}.pad p:first-child{margin-top:0}aside input,aside select{width:100%;margin:5px 0 10px}form{padding:12px}input,select{padding:9px;border:1px solid #aaa;border-radius:3px;background:white;color:#333;min-width:0}input:focus,select:focus{outline:2px solid #439aca;outline-offset:1px}label{display:block}.blue,.action{color:#fff;background:linear-gradient(#6fb8dc,#29779b);border:1px solid #286b8b;border-radius:4px;padding:9px 17px;font-weight:bold;text-shadow:0 1px #456}.action{background:linear-gradient(#e69c55,#b45a1c);border-color:#a65a25}.textlink{background:none;text-decoration:underline;padding:0}.tabs{display:flex;margin:0;padding:0;background:linear-gradient(#80bada,#3d87ac);border:1px solid #326f91;border-radius:4px 4px 0 0}.tabs button{color:white;background:none;padding:12px 22px;border-right:1px solid #356f90;font-weight:bold}.tabs button.active{background:linear-gradient(#e3f1fa,#a7cce0);color:#285872}.hero{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:20px 16px 16px;border:1px solid #bbb;border-top:0;background:white}.hero img{width:180px;height:180px;max-width:100%;object-fit:cover;border:1px solid #8b7259}.hero .title{display:block;text-align:left;color:#24647e;font-size:14px;font-weight:bold;margin:8px 0 5px;background:none;padding:0;text-decoration:underline}.hero p{margin:5px 0;line-height:1.5}.badge{display:inline-block;color:#276380;background:#e5eff4;border:1px solid #b5ccd7;border-radius:3px;font-size:10px;padding:2px 5px}.ribbon{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#555,#0b0b0b);color:#eee;padding:9px 14px;border-radius:0 0 5px 5px;margin-bottom:17px}.ribbon button{color:white;background:none;text-decoration:underline}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:12px}.card{min-width:0;border:1px solid #aaa;background:linear-gradient(#fff,#d0d0d0);border-radius:5px;padding:10px;box-shadow:0 2px 3px #ccc}.card h3{font-size:14px;margin:6px 0;color:#24647e}.card button.title{background:none;color:#24647e;font-weight:bold;font-size:14px;padding:0;text-decoration:underline;text-align:left}.card p{line-height:1.5}.game-icon{height:70px;display:flex;align-items:center;justify-content:center;font-size:46px;background:linear-gradient(135deg,#eae5cf,#d2bd91);border:1px solid #b3aa8a;border-radius:3px;color:#473820}.card img{width:100%;height:90px;object-fit:cover}.card .foot{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.fav{background:none;font-size:20px;color:#956529;padding:0 2px}.intro{padding:15px;line-height:1.8}.intro h2{font-size:17px;color:#24647e;margin-top:0}.notice{padding:12px 14px;background:#fff5dd;border:1px solid #dfc998;line-height:1.7;margin:12px 0;border-radius:4px}.statusline{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:12px;background:#eee;border-bottom:1px solid #ccc}.statusline h1{margin:0;font-size:20px;color:#285e77}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}.toolbar button,.smallbtn{padding:8px 11px;border:1px solid #aaa;background:linear-gradient(#fff,#ddd);border-radius:4px;color:#333}.toolbar select{padding:7px}.board-area{padding:12px}.board{display:grid;grid-template-columns:repeat(8,1fr);max-width:520px;aspect-ratio:1;margin:8px auto;border:7px solid #704e2a;box-shadow:0 3px 7px #bbb}.square{display:flex;justify-content:center;align-items:center;aspect-ratio:1;padding:0;font-size:clamp(22px,4vw,46px);background:#f0d9b5;color:#141414;position:relative}.square.dark{background:#a47850}.square.sel{box-shadow:inset 0 0 0 4px #e9b32a}.square.target:after{content:'';position:absolute;inset:34%;border-radius:50%;background:#277e4da0}.piece-white{color:#fff;filter:drop-shadow(0px 1px 1px #000)}.checker{width:75%;height:75%;border-radius:50%;box-shadow:inset 0 0 0 5px #ffffff30,0 2px 3px #2227;font-size:22px;display:flex;align-items:center;justify-content:center}.checker.light{background:#f5edce;color:#8d6625}.checker.black{background:#402a20;color:#eacb8b}.turn{font-size:14px;color:#275f78;font-weight:bold;min-height:25px}.hint{line-height:1.7;font-size:12px;color:#666}.tableboard{background:#674226;padding:10px;display:grid;grid-template-columns:repeat(12,1fr);gap:2px;min-height:360px;border:8px solid #3c271d;border-radius:5px;margin:12px auto}.point{height:160px;position:relative;display:flex;flex-direction:column;align-items:center;padding:5px 0;gap:1px;border:1px solid transparent;color:#ead5b9;overflow:hidden;background:linear-gradient(80deg,#674226 42%,#b65d31 43% 57%,#674226 58%)}.point:nth-child(even){background:linear-gradient(80deg,#674226 42%,#ebc384 43% 57%,#674226 58%)}.point.lower{flex-direction:column-reverse}.point.sel{border:2px solid #ffe35b}.point.target{background:#5c9555}.stone{display:block;width:min(30px,95%);aspect-ratio:1;border-radius:50%;background:#eee1ba;box-shadow:inset 0 0 0 3px #b6a77a,0 1px 2px #000;flex-shrink:0}.stone.black{background:#38291f;box-shadow:inset 0 0 0 3px #634b38,0 1px 2px #000}.point small{position:absolute;bottom:0;right:0;font-size:9px;z-index:1}.dice{font-size:28px;letter-spacing:5px;color:#292929}.playing-card{background:#fffdf2;border:1px solid #aaa;border-radius:5px;min-width:58px;height:86px;margin:4px;padding:6px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;font-size:22px;box-shadow:0 2px 3px #8884;color:#222}.playing-card.red{color:#ae3023}.playing-card.back{background:repeating-linear-gradient(45deg,#32627f 0 3px,#d6e5ec 4px 5px);border:4px solid white}.hand{display:flex;justify-content:center;flex-wrap:wrap;min-height:92px}.trick{background:radial-gradient(#3b7b55,#265539);padding:18px;margin:15px 0;border:8px solid #704f31;border-radius:5px;min-height:130px;text-align:center;color:#fff}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px}.pagination button{padding:8px;border:1px solid #aaa;border-radius:3px}.empty{padding:30px;text-align:center;line-height:1.8}.search-summary{padding:12px;color:#666}.unavailable{font-size:11px;color:#777}.gamefooter{border-top:1px solid #ccc;padding:12px;line-height:1.7}.result{padding:20px;text-align:center;font-size:20px;color:#35774d;background:#edf6e9}.local-score{border-bottom:1px solid #ddd;padding:6px 0;display:flex;justify-content:space-between}.chatlog{height:120px;overflow:auto;background:white;border:1px solid #ccc;padding:8px;line-height:1.6}.chat-row{display:flex;gap:6px;margin-top:6px}.chat-row input{flex:1}.boardwrap{overflow:auto}.archive-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px}.archive-card{border:1px solid #ccc;background:#f6f6f6;padding:12px;border-radius:4px;line-height:1.6}.archive-card h3{font-size:13px;margin:0 0 4px;color:#27617d}.archive-card button{background:none;padding:0;text-align:left;color:#27617d;text-decoration:underline;font-weight:bold}.profileform{display:flex;gap:10px}.profileform input{flex:1}footer{border-top:4px solid #9e9e9e;background:linear-gradient(#eee,#ddd);padding:25px 20px;margin:30px 0 0;display:flex;gap:15px;flex-wrap:wrap}footer b{font-size:16px;color:#5b5b5b}footer span{width:100%;color:#777}footer button{background:none;color:#24647e;padding:0;text-decoration:underline}dialog{border:1px solid #aaa;border-radius:7px;max-width:600px;width:90%;box-shadow:0 5px 40px #0005;padding:25px;line-height:1.7;color:#444}dialog::backdrop{background:#0006}.close{position:absolute;top:5px;right:8px;background:none;font-size:23px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#252525;color:white;border-radius:4px;padding:12px 20px;max-width:90%;display:none;z-index:9}.memory{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:450px;margin:auto}.memory button{aspect-ratio:1;font-size:32px;border:1px solid #777;border-radius:4px;background:linear-gradient(#5183a0,#285c79);color:white}.memory button.open{background:#e9d7b4;color:#333}.puzzle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;max-width:400px;margin:auto}.puzzle-grid button{aspect-ratio:1;background:linear-gradient(#e6d4b5,#c19c61);border:1px solid #8f7147;border-radius:3px;font-size:24px;color:#4a361d}.puzzle-grid button.blank{background:#eee;border-color:transparent}.hangword{text-align:center;letter-spacing:8px;font-size:25px;padding:20px}.letters{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.letters button{padding:10px;border:1px solid #bbb;background:#eee;border-radius:3px}button:focus-visible,a:focus-visible{outline:3px solid #e59a29;outline-offset:3px}#error,#roomerror{color:#a02727;margin:8px 0}@media(max-width:800px){.wrap{padding:0 10px}.layout{grid-template-columns:minmax(0,1fr)}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}aside .panel{margin:0}.masthead{gap:20px;height:125px}.welcome{padding:12px;margin:0}.welcome b{font-size:17px}.topbar button{padding:12px 9px;font-size:10px}.hero{gap:12px}.hero img{height:auto;aspect-ratio:1}.square{font-size:clamp(28px,6vw,46px)}}@media(max-width:480px){.topbar{flex-wrap:wrap;justify-content:center;gap:2px}.topbar button{padding:6px 12px}.topbar nav{gap:3px}header{height:70px}.masthead{height:130px;gap:12px}.welcome{padding:10px}.welcome small{font-size:9px;line-height:1.5}.welcome span{font-size:11px}.hero{padding:12px 8px;gap:9px}.hero .title{font-size:12px}.hero p{font-size:10px}.cards{grid-template-columns:repeat(2,1fr)}.cards .card:last-child{grid-column:1/-1}.tabs button{padding:11px 13px}aside{grid-template-columns:1fr}.archive-list{grid-template-columns:1fr}.playing-card{min-width:39px;height:65px;font-size:17px;margin:3px}.tableboard{min-width:325px;padding:5px;border-width:5px;gap:0}.point{height:143px}.board-area{padding:8px}.toolbar{gap:5px}.toolbar button{font-size:11px;padding:7px}.profileform{flex-direction:column}}

.hero>article>button:first-child{background:none;padding:0;display:block} .square.target:after{pointer-events:none}.chatlog{overflow-wrap:anywhere}.archive-card{overflow-wrap:anywhere}.turn{overflow-wrap:anywhere}

.masthead{gap:0;height:130px}.welcome{margin:0;width:100%}

/* Interactive board: four sectors, live checkers and a separate center bar. */
.tabla-match{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;background:#ede5d8;border:1px solid #b49b76;border-radius:5px;color:#4b351e;font-size:14px}.tabla-match strong{display:flex;align-items:center;gap:7px}.tabla-match strong b{font-size:22px}.tabla-score-color{display:inline-block;width:14px;height:14px;vertical-align:middle;border-radius:50%;border:1px solid #8a7d6a;flex-shrink:0}.tabla-score-color.white{background:radial-gradient(circle at 35% 30%,#fff,#dedbd3)}.tabla-score-color.black{background:radial-gradient(circle at 35% 30%,#555,#101010)}.tabla-round-result{padding:10px 14px;text-align:center;color:#315c31;font-size:17px;font-weight:bold}.tabla-boardwrap{overflow-x:auto;padding:3px}.tabla-table{max-width:620px;width:100%;min-width:290px;aspect-ratio:1.04;margin:8px auto;display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);grid-template-rows:1fr 1fr;border:11px solid #3c1d0d;border-radius:3px;box-shadow:inset 0 0 0 2px #8c572d,0 3px 8px #0004;background:#c58547;overflow:hidden}.tabla-sector{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));min-width:0;min-height:0}.tabla-sector.top{background:linear-gradient(#74431e,#b87a40 65%,#c98b4c)}.tabla-sector.bottom{background:linear-gradient(#c98b4c,#b87a40 35%,#74431e)}.tabla-sector:nth-child(1){grid-column:1;grid-row:1}.tabla-sector:nth-child(2){grid-column:3;grid-row:1}.tabla-sector:nth-child(4){grid-column:1;grid-row:2}.tabla-sector:nth-child(5){grid-column:3;grid-row:2}.tabla-point{position:relative;padding:0 1px;border:2px solid transparent;min-width:0;min-height:0;background:transparent;display:flex;flex-direction:column;align-items:stretch;color:#f7ead5;isolation:isolate;overflow:visible}.tabla-point::before{content:'';position:absolute;inset:18px 0 0;background:#3d1b0b;clip-path:polygon(0 0,100% 0,50% 83%);z-index:-1}.tabla-point.light-point::before{background:#bf8247}.tabla-point.lower::before{inset:0 0 18px;clip-path:polygon(50% 17%,100% 100%,0 100%)}.tabla-point-number{height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:bold;line-height:1;background:#4b280fbf;color:#fff1dc;border-radius:2px}.tabla-point.lower{flex-direction:column-reverse}.tabla-stack{display:flex;flex-direction:column;gap:1px;align-items:center;flex:1;padding:2px 0}.tabla-point.lower .tabla-stack{flex-direction:column-reverse}.tabla-stone{position:relative;display:block;width:91%;aspect-ratio:1;border-radius:50%;flex-shrink:0;border:3px solid #c6c4bc;box-shadow:0 2px 2px #0007,inset 0 0 0 3px #ffffff32;background:radial-gradient(circle at 38% 30%,#fff,#e3e3df 64%,#c7c7c0)}.tabla-stone.black{border-color:#080808;box-shadow:0 2px 2px #0007,inset 0 0 0 3px #ffffff0d;background:radial-gradient(circle at 38% 30%,#444,#2e2e2e 65%,#151515)}.tabla-count{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:#33281a;font-weight:bold;text-shadow:0 1px #fff6}.tabla-stone.black .tabla-count{color:#fff;text-shadow:0 1px #000}.tabla-point.sel{border-color:#ffdf67;border-radius:4px;box-shadow:0 0 0 1px #39230e}.tabla-point.target{border-color:#89e28d;border-radius:4px;box-shadow:inset 0 0 12px #8be18e8a}.tabla-target{position:absolute;width:10px;height:10px;border-radius:50%;background:#9af1a0;box-shadow:0 0 0 2px #2f6638;top:70%;left:calc(50% - 5px);pointer-events:none}.tabla-point.lower .tabla-target{top:26%}.tabla-point:disabled,.tabla-bar-side:disabled{opacity:1}.tabla-bar{grid-column:2;grid-row:1 / 3;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;padding:20px 2px;background:linear-gradient(90deg,#351707,#5b2d10 45%,#331406 50%,#623719 55%,#3b1b0a);border-left:2px solid #a26933;border-right:2px solid #a26933;color:#e7c48d}.tabla-bar::before,.tabla-bar::after{content:'';position:absolute;width:16px;height:9px;background:linear-gradient(90deg,#b48b4d,#704924,#c49a52);box-shadow:inset 0 0 0 1px #caa26455;left:8px}.tabla-bar::before{top:43%}.tabla-bar::after{bottom:43%}.tabla-bar-title{font-size:9px;letter-spacing:1px;writing-mode:vertical-rl;text-orientation:upright}.tabla-bar-side{background:transparent;color:#f0dfc3;padding:4px 0;width:100%;border:1px solid transparent;border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px}.tabla-bar-side .tabla-stone{width:27px;border-width:2px}.tabla-bar-side.sel{border-color:#ffdf67;box-shadow:0 0 5px #ffdf6780}.tabla-bar-empty{height:23px;width:23px;border-radius:50%;border:1px dashed #c69c66;display:block;opacity:.5}.tabla-trays{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 3px;font-size:11px}.tabla-move-help{margin:6px 2px 12px}.tabla-next{padding:14px;border:1px solid #b9cbae;background:#f1f7e9;border-radius:4px;text-align:center;margin:12px 0}.tabla-next p{line-height:1.6;margin-bottom:0}.tabla-rules{border:1px solid #b9ac95;border-radius:5px;padding:0 12px;margin:15px 0 4px;background:#fbf8f2;line-height:1.75}.tabla-rules summary{padding:12px 0;cursor:pointer;font-weight:bold;color:#5c3d1e;font-size:14px}.tabla-rules p{margin:2px 0 14px}.tabla-schemes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tabla-schemes figure{margin:0}.tabla-schemes img{display:block;width:100%;height:auto;background:#201208;border-radius:3px}.tabla-schemes figcaption{text-align:center;font-size:11px;padding:6px;color:#6a4c2b}.tabla-credit{font-size:11px}.tabla-rules a{overflow-wrap:anywhere}.tabla-controls{min-height:43px}.tabla-point:focus-visible,.tabla-bar-side:focus-visible{outline:3px solid #ffed9a;outline-offset:-2px;z-index:2}@media(max-width:480px){.tabla-table{border-width:7px;grid-template-columns:minmax(0,1fr) 27px minmax(0,1fr);min-width:274px}.tabla-point{border-width:1px;padding:0}.tabla-point-number{font-size:9px;height:16px}.tabla-point::before{inset:16px 0 0}.tabla-point.lower::before{inset:0 0 16px}.tabla-stone{border-width:2px;box-shadow:0 1px 2px #0007,inset 0 0 0 2px #ffffff32;width:94%}.tabla-count{font-size:10px}.tabla-bar{padding:17px 1px}.tabla-bar-side .tabla-stone{width:21px;border-width:2px}.tabla-bar::before,.tabla-bar::after{left:4px;width:14px}.tabla-match{padding:9px;font-size:12px}.tabla-match strong b{font-size:18px}.tabla-trays{gap:6px;font-size:10px}.tabla-schemes{grid-template-columns:1fr}.tabla-target{width:8px;height:8px;left:calc(50% - 4px)}.tabla-boardwrap{padding:1px}}

/* Bearing-off racks are part of the playing field. */
.tabla-table{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr) 62px;aspect-ratio:1.14}.tabla-collections{grid-column:4;grid-row:1/3;display:flex;flex-direction:column;gap:10px;padding:5px 3px 5px 5px;background:#4a260f;border-left:3px solid #9c6534;min-height:0}.tabla-collection{display:flex;flex:1;min-height:0;flex-direction:column;gap:5px;align-items:center;padding:6px 3px;background:linear-gradient(90deg,#7d4c27,#3e200f 45%,#764722);color:#fff2d7;border:1px solid #b3844c;border-radius:3px}.tabla-collection:disabled{opacity:1}.tabla-collection-name{font-size:9px;letter-spacing:.4px}.tabla-collection strong{font-size:12px;white-space:nowrap}.tabla-collection-slots{display:grid;grid-template-rows:repeat(15,minmax(0,1fr));gap:2px;flex:1;width:100%;min-height:0}.tabla-collected-slot{display:block;width:100%;min-height:2px;border-radius:5px;background:#29160888;border:1px solid #ab7c4538}.tabla-collection.white .filled{background:linear-gradient(#faf9f2,#c6c4ba);border-color:#e5e1d4}.tabla-collection.black .filled{background:linear-gradient(#525252,#111);border-color:#080808}.tabla-collection-note{font-size:8px;line-height:1.25}.tabla-collection.target{border:2px solid #abf19f;box-shadow:inset 0 0 9px #abf19f77;cursor:pointer}.tabla-collection.won{border-color:#f3d06d;background:linear-gradient(90deg,#82632d,#4c361b,#82632d)}@media(max-width:480px){.tabla-table{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 43px}.tabla-collections{padding:3px 2px;gap:7px;border-left-width:2px}.tabla-collection{padding:4px 1px;gap:3px}.tabla-collection-name{font-size:7px}.tabla-collection strong{font-size:10px}.tabla-collection-slots{gap:1px}.tabla-collection-note{font-size:7px}}

/* Turn controls and physical dice. Numbers remain in accessible point labels only. */
.tabla-table{position:relative}.tabla-point-number{display:none}.tabla-point::before{inset:0;background:#3d1b0b}.tabla-point.lower::before{inset:0}.tabla-stack{padding:2px 0}.tabla-point,.tabla-bar-side{touch-action:none;user-select:none;-webkit-user-select:none}.tabla-point[data-drag-source],.tabla-bar-side[data-drag-source]{cursor:grab}.tabla-drag-source{opacity:.6!important;cursor:grabbing!important}.tabla-options{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;padding:9px 11px;background:#eee9df;border:1px solid #d3c9b7;border-radius:4px;margin:6px 0}.tabla-options>span{font-weight:bold;color:#61462b}.tabla-options label{display:flex;align-items:center;gap:5px;cursor:pointer}.tabla-options input{width:16px;height:16px;margin:0;accent-color:#87552b}.tabla-controls{gap:8px}.tabla-controls [data-end-turn]{margin-left:auto}.tabla-next-top{margin:9px 0 14px;padding:12px}.tabla-next-top h2{padding:0 0 8px;border:0;background:none;color:#366035;font-size:16px}.tabla-next-top small{display:block;margin-top:8px;color:#5b6d52}.tabla-local-votes{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.tabla-blocked{padding:10px;background:#ffefca;border:1px solid #dcbf77;border-radius:4px;line-height:1.6}.tabla-collect-question{padding:11px;background:#edf5ea;border:1px solid #a4c197;border-radius:4px;margin:10px 0}.tabla-collect-question p{margin:0 0 8px}.tabla-collect-question button{margin:0 6px 4px 0}.tabla-perspective{font-size:10px;margin:9px 0 4px;color:#735639}.tabla-dice-box{position:absolute;z-index:4;top:50%;transform:translateY(-50%);pointer-events:none;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:80px}.tabla-dice-box.right{left:calc((100% - 62px)/2 + 16px);width:calc((100% - 94px)/2)}.tabla-dice-box.left{left:0;width:calc((100% - 94px)/2)}.tabla-physical-dice{display:flex;justify-content:center;gap:10px}.tabla-die{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;width:48px;height:48px;padding:6px;border-radius:9px;border:2px solid #bbb7ac;background:linear-gradient(135deg,#fff,#e6e0d3);box-shadow:0 3px 6px #0006,inset 0 0 0 1px #fff8}.tabla-dice-box.black .tabla-die{background:linear-gradient(135deg,#484848,#171717);border-color:#060606}.tabla-die .pip{opacity:0;display:block;aspect-ratio:1;border-radius:50%;background:#29251f}.tabla-dice-box.black .pip{background:#f5f0e5}.face-1 .pip-4,.face-2 .pip-0,.face-2 .pip-8,.face-3 .pip-0,.face-3 .pip-4,.face-3 .pip-8,.face-4 .pip-0,.face-4 .pip-2,.face-4 .pip-6,.face-4 .pip-8,.face-5 .pip-0,.face-5 .pip-2,.face-5 .pip-4,.face-5 .pip-6,.face-5 .pip-8,.face-6 .pip-0,.face-6 .pip-2,.face-6 .pip-3,.face-6 .pip-5,.face-6 .pip-6,.face-6 .pip-8{opacity:1}.tabla-dice-use{display:flex;gap:5px;justify-content:center}.tabla-dice-use span{display:block;min-width:22px;padding:2px 4px;font-size:11px;background:#f8e7c8;border:1px solid #6d4d25;border-radius:4px;box-shadow:0 1px 2px #0004;color:#472f16}.tabla-dice-use .used{opacity:.52;text-decoration:line-through;background:#c3ad8a;color:#342c20}.tabla-dice-use .remaining{font-weight:bold;border-color:#f6dba6}.tabla-collection{touch-action:none}.tabla-collection:disabled{pointer-events:auto}.tabla-next-top [data-next-side]:disabled{background:#cbdac2;color:#405537;text-shadow:none}@media(max-width:480px){.tabla-dice-box{gap:5px;min-height:66px}.tabla-dice-box.right{left:calc((100% - 43px)/2 + 12px);width:calc((100% - 67px)/2)}.tabla-dice-box.left{width:calc((100% - 67px)/2)}.tabla-physical-dice{gap:5px}.tabla-die{width:32px;height:32px;padding:4px;gap:2px;border-radius:6px;border-width:1px}.tabla-dice-use{gap:2px}.tabla-dice-use span{font-size:9px;min-width:17px;padding:1px 2px}.tabla-controls{gap:5px}.tabla-controls [data-end-turn]{margin-left:0}.tabla-controls button{padding:8px;font-size:11px}.tabla-options{gap:8px;font-size:11px}.tabla-options>span{width:100%}.tabla-perspective{font-size:9px}.tabla-local-votes .blue{font-size:11px}.tabla-point::before,.tabla-point.lower::before{inset:0}}
/* Compact game navigation and release badges. */
body{background:#f1f5f8;color:#334155;font-family:Arial,sans-serif}
.site-header{height:auto;background:#fff;border-bottom:1px solid #dce5eb;box-shadow:0 2px 14px #183b5610;position:relative;z-index:20}
.site-nav{max-width:1000px;min-height:76px;margin:auto;display:flex;align-items:center;gap:24px;padding:12px 0}
.site-name{display:flex;align-items:center;gap:9px;background:none;color:#173f57;font-size:21px;font-weight:800;white-space:nowrap;padding:8px 0;letter-spacing:-.5px}
.site-dot{width:7px;height:7px;border-radius:50%;background:#18a58b}
.nav-links{margin-left:auto;display:flex;gap:5px}.nav-links button{background:none;color:#597184;border-radius:10px;padding:11px 14px;font-weight:bold}
.nav-links button:hover{background:#edf4f8;color:#125c80}.wrap{padding-top:24px}
.game-nav{position:relative}.game-nav summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:22px;border:1px solid #d9e5eb;border-radius:12px;background:#f6f9fb;padding:12px 16px;font-weight:bold;color:#224e66;white-space:nowrap}
.game-nav summary::-webkit-details-marker{display:none}.game-nav[open] summary{background:#e8f3f8;border-color:#8fbfd4}.game-nav summary span{font-size:18px;color:#648699}
.game-dropdown{position:absolute;top:calc(100% + 12px);left:0;width:360px;max-width:calc(100vw - 32px);padding:9px;display:grid;gap:3px;border:1px solid #dce6ec;border-radius:18px;background:white;box-shadow:0 18px 50px #18384f29;z-index:30}
.game-dropdown button{display:flex;align-items:center;gap:12px;width:100%;padding:10px;background:none;border-radius:11px;text-align:left;color:#2a485c;font-size:13px;font-weight:bold}
.game-dropdown button:hover{background:#edf6fa}.menu-game-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#ecf3f7;color:#286b89;border-radius:10px;font-size:23px;flex-shrink:0}
.game-dropdown .game-version{margin-left:auto;font-size:10px;white-space:nowrap}.game-dropdown .menu-catalog{border-top:1px solid #edf1f4;border-radius:0;margin-top:5px;padding:15px 12px;color:#39758e;justify-content:space-between}
.game-version{font-family:Consolas,monospace;font-size:11px;color:#577082;background:#edf3f7;border:1px solid #dae5ec;border-radius:6px;padding:4px 7px}
.panel{border:1px solid #dce5eb;border-radius:14px;background:#fff;box-shadow:0 4px 18px #1d415808}
.panel h2{background:#f8fafc;border-color:#e5edf2;color:#36566c}.statusline{background:#fff;border-bottom:1px solid #e4ecf1;padding:17px}.statusline h1{color:#21485f}
.game-library{padding:23px}.library-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#79909f;font-weight:bold}.library-heading h1{font-size:28px;letter-spacing:-.7px;color:#24475e;margin:8px 0 0}
.game-library .cards{padding:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{background:#fff;border:1px solid #e0e8ee;border-radius:13px;padding:15px;box-shadow:none;transition:border-color .18s,box-shadow .18s}.card:hover{border-color:#9dc6d9;box-shadow:0 5px 18px #24536e12}.card .game-icon{height:65px;border:0;border-radius:10px;background:#f0f6f8;color:#366a83;font-size:38px}.card button.title{font-size:16px;text-decoration:none;margin-top:4px;color:#244b63}.card p{color:#71828f;font-size:12px;min-height:36px}.card .game-version{margin-top:3px}
.blue,.action{border:0;background:#29799d;text-shadow:none;border-radius:9px;padding:10px 16px;box-shadow:none}.action{background:#a66a31}.blue:hover{background:#216887}.toolbar button,.smallbtn{background:#fff;border:1px solid #d4e0e7;border-radius:9px;color:#3e596a}.toolbar button:hover:not(:disabled),.smallbtn:hover{background:#edf5f9;border-color:#9dbfcf}.toolbar select{border-color:#d4e0e7;border-radius:9px;background:#f7fafc;color:#36556a}.tabla-options{margin-bottom:14px;border-radius:10px}.tabla-trays{justify-content:space-between}
.site-nav button:focus-visible,.game-nav summary:focus-visible,.game-dropdown button:focus-visible{outline:3px solid #6cb8d7;outline-offset:3px}
@media(max-width:1040px){.site-nav{padding:12px 18px}.wrap{padding:20px 12px 0}}
@media(max-width:600px){.site-nav{gap:12px;min-height:68px;flex-wrap:wrap;padding:12px 16px}.site-name{font-size:18px}.nav-links button{padding:9px 7px;font-size:11px}.game-nav summary{padding:10px 12px;gap:12px;font-size:12px}.game-dropdown{left:auto;right:0;width:340px}.game-library{padding:16px}.library-heading h1{font-size:24px}.library-heading{align-items:flex-start}.library-heading .smallbtn{font-size:10px;padding:8px}.game-library .cards{gap:10px}.card{padding:12px}.card p{min-height:54px}.wrap{padding-top:16px}.layout{gap:12px}}
@media(max-width:390px){.site-nav{gap:8px}.nav-links{width:100%;justify-content:flex-end;border-top:1px solid #eef3f6;padding-top:4px}.game-nav summary{gap:9px}.game-library .cards{grid-template-columns:1fr}.card p{min-height:0}}
@media(max-width:600px){.site-nav{position:relative}.game-nav{position:static}.game-dropdown{left:16px;right:16px;top:calc(100% - 2px);width:auto;max-width:none}}

/* Turn actions live on the center of the board. */
.tabla-center-actions{position:absolute;top:50%;left:calc((100% - 62px)/2);transform:translate(-50%,-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:none;width:126px}
.tabla-center-actions button{pointer-events:auto;touch-action:manipulation;box-shadow:0 3px 10px #1a10094d;font-weight:bold;border-radius:9px;min-height:36px;padding:9px 12px;font-size:11px;white-space:nowrap}
.tabla-center-undo{background:#fff8e9;border:1px solid #a98753;color:#634221}.tabla-center-end{background:#2d765c;color:#fff;border:1px solid #204f3e}.tabla-center-end:hover{background:#245e49}.tabla-center-undo:hover{background:#ffefc9}
.tabla-center-actions .tabla-roll-prompt{display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 9px 7px;border:1px solid #ccaf7a;background:#472b17dd;color:#fff3d9;cursor:pointer;perspective:300px}
.tabla-roll-prompt .tabla-die{width:40px;height:40px;padding:5px;gap:2px;animation:tabla-ready-dice 2.8s ease-in-out infinite}.tabla-roll-prompt .tabla-die:nth-child(2){animation-delay:-1.4s}.tabla-roll-prompt .tabla-physical-dice{gap:9px}
.tabla-roll-prompt.black .tabla-die{background:linear-gradient(135deg,#484848,#171717);border-color:#080808}.tabla-roll-prompt.black .pip{background:#faf5e9}.tabla-roll-label{font-size:10px;letter-spacing:.4px}.tabla-roll-prompt:disabled{opacity:.72;cursor:default}
.tabla-center-actions button:focus-visible{outline:3px solid #ffeb98;outline-offset:3px}
@keyframes tabla-ready-dice{0%,100%{transform:rotate(-12deg) rotateY(0deg) translateY(0)}50%{transform:rotate(12deg) rotateY(180deg) translateY(-3px)}}
@media(max-width:480px){.tabla-center-actions{left:calc((100% - 43px)/2);width:112px;gap:5px}.tabla-center-actions button{font-size:10px;min-height:34px;padding:8px 10px}.tabla-roll-prompt .tabla-die{width:32px;height:32px;padding:4px}.tabla-roll-prompt .tabla-physical-dice{gap:7px}}
@media(prefers-reduced-motion:reduce){.tabla-roll-prompt .tabla-die{animation:none}}

.dice-cube{--cube:36px;display:block;width:var(--cube);height:var(--cube);position:relative;transform-style:preserve-3d;animation:cube-idle 7s linear infinite}
.cube-face{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:5px;gap:2px;background:linear-gradient(135deg,#fff,#ddd6c5);border:1px solid #b7af9e;border-radius:5px;backface-visibility:hidden;box-shadow:inset 0 0 4px #fff}
.cube-face .pip{opacity:0;display:block;border-radius:50%;background:#28251e;aspect-ratio:1}
.cube-face.face-1{transform:translateZ(calc(var(--cube)/2))}.cube-face.face-6{transform:rotateY(180deg) translateZ(calc(var(--cube)/2))}.cube-face.face-2{transform:rotateY(90deg) translateZ(calc(var(--cube)/2))}.cube-face.face-5{transform:rotateY(-90deg) translateZ(calc(var(--cube)/2))}.cube-face.face-3{transform:rotateX(90deg) translateZ(calc(var(--cube)/2))}.cube-face.face-4{transform:rotateX(-90deg) translateZ(calc(var(--cube)/2))}
.tabla-roll-prompt .tabla-physical-dice{gap:27px;padding:8px;perspective:500px}.dice-cube:nth-child(2){animation-delay:-2.2s}.black .cube-face{background:linear-gradient(135deg,#444,#161616);border-color:#080808;box-shadow:inset 0 0 4px #555}.black .cube-face .pip{background:#fff5df}
@keyframes cube-idle{0%{transform:rotateX(-20deg) rotateY(0deg)}25%{transform:rotateX(90deg) rotateY(180deg)}50%{transform:rotateX(180deg) rotateY(270deg)}75%{transform:rotateX(270deg) rotateY(360deg)}100%{transform:rotateX(340deg) rotateY(720deg)}}
.tabla-motion-layer{position:absolute;inset:0;z-index:9;overflow:hidden;pointer-events:all;perspective:650px}.rolling-dice{position:absolute;top:40%;left:8%;display:flex;gap:35px;animation:dice-travel 1.25s cubic-bezier(.15,.55,.35,1) both}.rolling-dice .dice-cube{--cube:38px;animation:cube-tumble 1.25s ease-out both;filter:drop-shadow(5px 14px 4px #0005)}.rolling-dice .dice-cube:nth-child(2){animation-delay:0s;animation-direction:reverse}
@keyframes dice-travel{0%{transform:translate(0,-50px) scale(.7)}20%{transform:translate(45px,15px) scale(1.1)}45%{transform:translate(100px,-20px)}70%{transform:translate(140px,20px)}100%{transform:translate(165px,35px)}}
@keyframes cube-tumble{from{transform:rotateX(0deg) rotateY(30deg) rotateZ(0deg)}to{transform:rotateX(740deg) rotateY(1080deg) rotateZ(180deg)}}
.tabla-checker-ghost{position:fixed!important;z-index:9999!important;pointer-events:none!important;transform:translate(-50%,-50%) scale(1.12);opacity:1!important;margin:0!important;filter:drop-shadow(0 8px 5px #0006)}
@media(max-width:480px){.dice-cube{--cube:28px}.tabla-roll-prompt .tabla-physical-dice{gap:22px}.rolling-dice .dice-cube{--cube:30px}.rolling-dice{left:2%}}
@media(prefers-reduced-motion:reduce){.dice-cube{animation:none}.rolling-dice,.rolling-dice .dice-cube{animation-duration:.01ms}}
.cube-face.face-1 .pip-4,.cube-face.face-2 .pip-0,.cube-face.face-2 .pip-8,.cube-face.face-3 .pip-0,.cube-face.face-3 .pip-4,.cube-face.face-3 .pip-8,.cube-face.face-4 .pip-0,.cube-face.face-4 .pip-2,.cube-face.face-4 .pip-6,.cube-face.face-4 .pip-8,.cube-face.face-5 .pip-0,.cube-face.face-5 .pip-2,.cube-face.face-5 .pip-4,.cube-face.face-5 .pip-6,.cube-face.face-5 .pip-8,.cube-face.face-6 .pip-0,.cube-face.face-6 .pip-2,.cube-face.face-6 .pip-3,.cube-face.face-6 .pip-5,.cube-face.face-6 .pip-6,.cube-face.face-6 .pip-8{opacity:1}
.rolling-dice .dice-cube{filter:none}

/* Sidebar setup and play controls. */
.tabla-sidebar-mode label,.tabla-sidebar-preferences label{font-weight:bold;color:#4a6273;margin-bottom:6px}.tabla-sidebar-mode select{width:100%;margin-bottom:10px}.tabla-mode-description{color:#738491;line-height:1.55;font-size:12px;min-height:36px}
.tabla-sidebar-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tabla-sidebar-actions button{width:100%;min-height:40px;padding:9px 8px;border:1px solid #ccdbe4;border-radius:9px;background:#f7fafc;color:#34566b;font-weight:bold}.tabla-sidebar-actions button:disabled{opacity:.45}.tabla-sidebar-actions [data-end-turn]{background:#2d765c;color:#fff}.tabla-sidebar-actions #resign{color:#934f3e;background:#fff7f2;border-color:#e7d5c9}
.tabla-sidebar-preferences{margin-top:14px;padding-top:14px;border-top:1px solid #e1e8ed}.tabla-sidebar-preferences label{display:flex;gap:8px;align-items:center;font-size:12px;margin:10px 0}.tabla-sidebar-preferences input{width:16px;height:16px;margin:0;accent-color:#287b9d}
.tabla-room-form label{margin:12px 0 5px;font-weight:bold}.tabla-room-form input,.tabla-room-form select{width:100%}.tabla-room-form .toolbar{margin-bottom:0}.tabla-room-name{font-weight:bold;overflow-wrap:anywhere}.tabla-sidebar-mode .blue{width:100%;margin-top:6px}
.tabla-center-actions .tabla-roll-prompt{background:transparent;border:0;box-shadow:none;padding:10px 0}.tabla-roll-label{color:#f9edd9;text-shadow:0 1px 3px #301703;background:none}.tabla-center-actions .tabla-roll-prompt:disabled{opacity:.8}
.tabla-motion-layer{width:calc((100% - 94px)/2);right:auto}.tabla-motion-layer.roll-left{left:0}.tabla-motion-layer.roll-right{left:calc((100% - 62px)/2 + 16px)}
.tabla-motion-layer .rolling-dice{width:92px;gap:16px;top:46%;left:8px;animation:half-roll-right 1.25s ease-out both}.tabla-motion-layer.roll-left .rolling-dice{animation-name:half-roll-left}
@keyframes half-roll-right{0%{left:5px;transform:translateY(-26px)}30%{transform:translateY(12px)}60%{transform:translateY(-8px)}100%{left:calc(100% - 97px);transform:translateY(4px)}}
@keyframes half-roll-left{0%{left:calc(100% - 97px);transform:translateY(-26px)}30%{transform:translateY(12px)}60%{transform:translateY(-8px)}100%{left:5px;transform:translateY(4px)}}
.tabla-match strong{min-width:0;flex-wrap:wrap;overflow-wrap:anywhere;justify-content:flex-end}
@media(max-width:480px){.tabla-motion-layer{width:calc((100% - 67px)/2)}.tabla-motion-layer.roll-right{left:calc((100% - 43px)/2 + 12px)}.tabla-motion-layer .rolling-dice{width:76px;gap:14px}.tabla-motion-layer .dice-cube{--cube:28px}}
.tabla-motion-layer,.tabla-motion-layer.roll-left,.tabla-motion-layer.roll-right{left:0;width:calc(100% - 62px);--roll-half:46px;--roll-end:97px}.tabla-motion-layer .rolling-dice{animation-name:center-roll-right}.tabla-motion-layer.roll-left .rolling-dice{animation-name:center-roll-left}@keyframes center-roll-right{0%{left:calc(50% - var(--roll-half));transform:translateY(-26px)}30%{transform:translateY(12px)}60%{transform:translateY(-8px)}100%{left:calc(100% - var(--roll-end));transform:translateY(4px)}}@keyframes center-roll-left{0%{left:calc(50% - var(--roll-half));transform:translateY(-26px)}30%{transform:translateY(12px)}60%{transform:translateY(-8px)}100%{left:5px;transform:translateY(4px)}}@media(max-width:480px){.tabla-motion-layer,.tabla-motion-layer.roll-left,.tabla-motion-layer.roll-right{width:calc(100% - 43px);--roll-half:38px;--roll-end:81px}}

.tabla-point.combined-target .tabla-target{background:#76cef0;box-shadow:0 0 0 3px #17648999}

.tabla-board-bubble{position:absolute;left:calc((100% - 62px)/2);top:50%;transform:translate(-50%,-50%);z-index:12;width:230px;max-width:75%;background:#fffcf4;border:1px solid #c3a778;border-radius:20px;box-shadow:0 8px 28px #1c100955;padding:18px;text-align:center;color:#5b432a;margin:0;line-height:1.5}
.tabla-board-bubble::after{content:'';position:absolute;bottom:-8px;left:calc(50% - 8px);width:14px;height:14px;background:#fffcf4;border-right:1px solid #c3a778;border-bottom:1px solid #c3a778;transform:rotate(45deg)}
.tabla-board-bubble h2{background:none;padding:0;border:0;font-size:19px;color:#4b5937}.tabla-board-bubble p{font-size:12px;margin:9px 0 14px}.tabla-bubble-actions{display:flex;gap:10px;justify-content:center}.tabla-bubble-actions button{min-width:65px;min-height:39px;font-size:13px;font-weight:bold;border-radius:9px}.tabla-blocked.tabla-board-bubble{width:auto;white-space:nowrap;padding:13px 22px;top:38%;font-weight:bold;font-size:16px}
@media(max-width:480px){.tabla-board-bubble{left:calc((100% - 43px)/2);width:195px;padding:13px}.tabla-board-bubble h2{font-size:16px}.tabla-board-bubble p{font-size:11px}}

.tabla-table.is-dragging .tabla-target{visibility:hidden}.tabla-point.tabla-drag-target{border-color:#9fe5b7!important;box-shadow:inset 0 0 18px #6fd79c55}.tabla-point.tabla-drag-target::after{content:'';position:absolute;left:calc(50% - 7px);top:72%;width:14px;height:14px;border-radius:50%;background:#bdf4cf;box-shadow:0 0 0 3px #246d42aa}.tabla-point.lower.tabla-drag-target::after{top:22%}.tabla-point.tabla-drag-combined{border-color:#8bd9f8!important;box-shadow:inset 0 0 18px #83d6f955}.tabla-point.tabla-drag-combined::after{background:#9edff7;box-shadow:0 0 0 3px #206185aa}.tabla-collection.tabla-drag-bearing{border:2px solid #acf1bd;box-shadow:inset 0 0 18px #8ff0ab77}
dialog{width:min(450px,calc(100vw - 32px));max-width:450px;max-height:88vh;overflow:auto;border:1px solid #dce6ec;border-radius:22px;padding:30px;background:linear-gradient(150deg,#fff,#f5f9fb);color:#385165;box-shadow:0 24px 85px #102a454d}
dialog::backdrop{background:#102c455e;backdrop-filter:blur(4px)}dialog .close{position:absolute;right:12px;top:12px;float:none;width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#eaf0f4;color:#607c90;font-size:21px;line-height:1}dialog .close:hover{background:#dbe8ef}
#modalcontent h2{margin:0 28px 17px 0;color:#274b63;font-size:22px;line-height:1.3;letter-spacing:-.4px}#modalcontent>p{font-size:14px;line-height:1.7;color:#647b8b}#modalcontent .toolbar{gap:10px;margin-top:22px}#modalcontent .toolbar button{min-height:43px;border-radius:11px;padding:11px 16px;font-size:13px;font-weight:bold}#modalcontent .toolbar .blue{background:#2d826f;color:#fff;border:1px solid #277361}#modalcontent .toolbar .smallbtn{background:#fff;border-color:#d5e0e7;color:#527083}#modalcontent input,#modalcontent select{border:1px solid #cfdee7;border-radius:10px;padding:11px;background:#fff}#modalcontent label{font-size:12px;color:#567184}
.tabla-board-bubble{background:linear-gradient(145deg,#fffef9,#f4f8f2);border-color:#cad7c2;box-shadow:0 12px 38px #182d2447;border-radius:22px;padding:20px}.tabla-board-bubble::after{background:#f4f8f2;border-color:#cad7c2}.tabla-board-bubble h2{color:#355b4c;font-size:20px}.tabla-board-bubble p{color:#6b806f;line-height:1.6}.tabla-bubble-actions button{min-width:68px;min-height:42px;border-radius:11px}.tabla-bubble-actions .blue{background:#32836a;border:1px solid #29705b}.tabla-bubble-actions .smallbtn{background:#fff;border:1px solid #d4dfd1;color:#60725d}
@media(max-width:480px){dialog{padding:25px 21px}#modalcontent h2{font-size:20px}.tabla-board-bubble{padding:16px}.tabla-board-bubble h2{font-size:17px}}

.tabla-turn-clock{display:grid;gap:6px;padding:14px;margin-bottom:16px;text-align:center;border:1px solid #b6d3df;border-radius:9px;background:#eff8fc}.tabla-turn-clock>span{font-weight:700;color:#35596a}.tabla-turn-clock strong{font-size:36px;font-variant-numeric:tabular-nums;line-height:1.1;color:#173f53}.tabla-turn-clock p{margin:0;font-size:12px;color:#4c6470}.tabla-turn-clock.is-warning{background:#fff5db;border-color:#e5bc64}.tabla-turn-clock.is-warning strong{color:#955b05}.tabla-turn-clock.is-expired{background:#fff0ed;border-color:#dd9082}.tabla-turn-clock.is-expired strong{color:#a82d20}

/* GAMETOYOU.ONLINE */
:root{--ink:#192b49;--muted:#71809b;--violet:#7258e8;--teal:#189b8e;--line:#e4e8f3;--surface:#fff}
body{color:var(--ink);background:radial-gradient(ellipse at 3% 5%,#efe9ff 0,transparent 38%),radial-gradient(ellipse at 98% 30%,#e0f7f3 0,transparent 35%),#f5f6fc;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}
.site-header{height:auto;min-height:82px;background:#ffffffef;border-bottom:1px solid var(--line);box-shadow:0 4px 22px #253e7310;backdrop-filter:blur(14px)}
.site-nav{max-width:1240px;min-height:82px;gap:20px;padding:10px 24px}.site-name{padding:0;background:transparent;border:0;flex-shrink:0;line-height:0}.brand-logo{display:block;width:245px;height:auto}.site-nav .nav-links{gap:12px;align-items:center;flex-wrap:wrap}.nav-links button{font-weight:700;color:#546481;padding:10px 12px;border-radius:10px}.nav-links .nav-register{background:#eee9ff;color:#694bce}#account-nav{display:flex;align-items:center;gap:5px}
.wrap{max-width:1240px;padding:26px 24px 0}.layout{grid-template-columns:minmax(0,1fr) 310px;gap:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 7px 26px #233b6e08;margin-bottom:22px}.panel>h2{background:#fafbff;color:var(--ink);border-bottom:1px solid var(--line);padding:17px 20px;font-size:15px}.pad{padding:18px;line-height:1.7}
.blue,.action{background:linear-gradient(115deg,#7560ec,#6750d3);color:#fff;border:1px solid #6d52d5;text-shadow:none;border-radius:11px;padding:11px 19px;box-shadow:0 4px 12px #7554d51a}.blue:hover,.action:hover{filter:brightness(1.06)}.smallbtn{border-radius:10px;border-color:var(--line)}button:focus-visible,a:focus-visible{outline:3px solid #bb9fff;outline-offset:3px}input,select,textarea{border:1px solid #dce2ef;border-radius:10px;background:#fff;padding:11px;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #b5a1f5;outline-offset:1px}.hint{color:var(--muted)}
.library-heading{padding:28px 25px 16px}.library-heading h1{font-size:32px;color:var(--ink);letter-spacing:-1px}.eyebrow{color:#8970d9;letter-spacing:2px;font-size:10px}.cards{padding:14px 24px 26px;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 12px #26356507;padding:18px;transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #38477516}.card h3{margin:15px 0 8px}.card button.title{text-decoration:none;font-size:19px;color:var(--ink);line-height:1.3}.card p{font-size:12px;color:var(--muted);min-height:54px}.game-icon{height:86px;font-size:48px;border:0;border-radius:13px;background:linear-gradient(125deg,#efe9ff,#ddd4fd);color:#7957cb}.card:nth-child(3n+2) .game-icon{background:linear-gradient(125deg,#e0f5ee,#c1ebe2);color:#288d79}.card:nth-child(3n) .game-icon{background:linear-gradient(125deg,#fff0df,#faddcb);color:#cb825d}.card .foot{margin-top:17px}.badge{border:0;background:#f0eef9;color:#766a9b;border-radius:6px;font-size:10px;padding:4px 7px}.fav{color:#aaa3bd}.fav[aria-pressed=true]{color:#e0a638}
.game-nav>summary{border:1px solid var(--line);background:#f7f8fe;border-radius:12px;color:#53617c}.game-dropdown{border-color:var(--line);box-shadow:0 20px 50px #27245322;border-radius:16px}.game-dropdown button:hover{background:#f2edff}.menu-game-icon{color:#7960d7}.tabla-sidebar-actions [data-end-turn]{background:#189b8e}.tabla-sidebar-preferences input{accent-color:#785ddc}.tabla-turn-clock{background:linear-gradient(135deg,#f1edff,#e8faf6);border-color:#ded8f1;border-radius:14px}.tabla-turn-clock strong{color:#7258c9}.tabla-turn-clock.is-warning strong{color:#a55f15}.tabla-turn-clock.is-expired strong{color:#bf3f50}
footer{padding:25px 0 30px;border-top:1px solid var(--line);gap:15px;color:#8791a8}footer b{color:#776197}footer button{color:#79859c}
.rules-page{max-width:1080px;margin:0 auto;padding:42px 24px}.rules-page article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:40px;box-shadow:0 12px 45px #273b6410}.rules-page h1{font-size:38px;line-height:1.15;letter-spacing:-1px;margin:12px 0 20px}.rules-page h2{margin-top:32px;color:#6951bd;font-size:23px}.rules-page p,.rules-page li{font-size:16px;line-height:1.8}.rules-page .rules-lead{font-size:19px;color:#77819b}.rules-page figure{margin:25px auto;max-width:570px;padding:15px;background:#faf8f4;border-radius:16px}.rules-page figure img{max-width:100%;height:auto;display:block}.rules-page figcaption{font-size:12px;color:#827969;text-align:center;margin-top:8px}.rules-chips{display:flex;gap:12px;flex-wrap:wrap}.rules-chips span{background:#f0ecff;color:#7057bd;border-radius:999px;padding:8px 15px}.rules-callout{background:#e9f7f3;border-left:4px solid #49a894;padding:16px 20px;border-radius:0 12px 12px 0}.rules-source{font-size:12px!important;color:#8c95a7;border-top:1px solid var(--line);padding-top:20px}
@media(max-width:1050px){.site-nav{gap:10px}.brand-logo{width:215px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.layout{grid-template-columns:minmax(0,1fr) 285px;gap:18px}}
@media(max-width:800px){.site-nav{flex-wrap:wrap;justify-content:space-between;padding:12px 18px}.site-nav .nav-links{margin-left:auto}.wrap{padding:18px 14px 0}.layout{grid-template-columns:minmax(0,1fr)}.cards{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:12px}.library-heading{padding:23px 18px 10px}.library-heading h1{font-size:28px}.rules-page{padding:24px 14px}.rules-page article{padding:25px 21px}.rules-page h1{font-size:30px}}
@media(max-width:480px){.brand-logo{width:192px}.site-nav{gap:9px;padding:10px 12px}.site-nav .nav-links{width:100%;justify-content:flex-end}.nav-links button{padding:6px 9px;font-size:12px}.card{padding:13px}.card button.title{font-size:17px}.card .blue{padding:8px 14px}.game-icon{height:70px}.library-heading{align-items:flex-start;gap:8px}.library-heading .smallbtn{font-size:10px}.eyebrow{font-size:9px;letter-spacing:1px}.pad{padding:14px}}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}