:root{--parchment: #f4efe6;--parchment-2: #faf6ee;--panel: #fffdf9;--oxblood: #8b0000;--umber: #5a3d28;--tan: #d4a359;--tan-soft: #e7cfa2;--line: #c8b9a6;--ink: #3a2a1c;--gold: #c99a34;--p0: #f7f1e3;--p0-edge: #b9a37a;--p1: #8b1a1a;--p1-edge: #5a0d0d;--shadow: 0 6px 20px rgba(58, 42, 28, .18);--radius: 12px}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:radial-gradient(circle at 50% -10%,#fbf7ef,var(--parchment)) fixed;color:var(--ink);font-family:EB Garamond,Times New Roman,Times,serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}#app{max-width:960px;margin:0 auto;padding:clamp(12px,3vw,28px)}.title,.subtitle,.masthead h1,.overlay-card h2,.middle-label,.cell-num,.variant-title,.die,.turn-indicator{font-family:Cinzel,Times New Roman,serif}.masthead{text-align:center;margin-bottom:18px}.title{font-size:clamp(34px,9vw,56px);letter-spacing:8px;color:var(--oxblood);margin:0;text-transform:uppercase;font-weight:700}.subtitle{font-size:clamp(14px,3.4vw,20px);letter-spacing:6px;color:var(--umber);text-transform:uppercase;margin:4px 0 0}.tagline{font-style:italic;color:var(--umber);margin:8px 0 0;opacity:.85}.dedication{font-family:Cinzel,serif;font-size:clamp(12px,3vw,15px);letter-spacing:3px;text-transform:uppercase;color:var(--tan);margin:12px 0 0}.dedication:before,.dedication:after{content:"❦";color:var(--tan);margin:0 8px;opacity:.7}.panel{background:var(--panel);border:3px double var(--oxblood);border-radius:var(--radius);padding:clamp(16px,4vw,28px);box-shadow:var(--shadow)}.field{margin-bottom:18px}.field-label{display:flex;align-items:center;gap:8px;font-variant:small-caps;letter-spacing:1px;color:var(--umber);font-size:15px;margin-bottom:8px}.text-input{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#fffef9;font-family:inherit;font-size:17px;color:var(--ink)}.text-input:focus{outline:none;border-color:var(--tan);box-shadow:0 0 0 3px #d4a35940}.names-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 480px){.names-row{grid-template-columns:1fr}}.swatch{width:14px;height:14px;border-radius:50%;display:inline-block}.swatch.p0{background:var(--p0);border:1px solid var(--p0-edge)}.swatch.p1{background:var(--p1);border:1px solid var(--p1-edge)}.lang-row{display:flex;gap:8px;flex-wrap:wrap}.lang-pill{border:1px solid var(--line);background:#fffef9;color:var(--umber);padding:7px 16px;border-radius:999px;font-family:inherit;font-size:15px;cursor:pointer}.lang-pill.active{background:var(--umber);color:var(--parchment-2);border-color:var(--umber)}.variant-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 480px){.variant-row{grid-template-columns:1fr}}.variant-card{text-align:left;border:2px solid var(--line);background:#fffef9;border-radius:10px;padding:14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;font-family:inherit}.variant-card.active{border-color:var(--oxblood);background:#fff7ee;box-shadow:0 0 0 3px #8b00001f}.variant-title{font-size:18px;color:var(--oxblood);letter-spacing:1px}.variant-desc{font-size:14px;color:var(--umber)}.setup-actions{display:flex;justify-content:space-between;gap:12px;margin-top:6px}.btn{font-family:Cinzel,serif;letter-spacing:1px;border-radius:8px;padding:12px 22px;font-size:16px;cursor:pointer;border:1px solid transparent;transition:transform .06s ease,filter .15s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--oxblood);color:#fff4ec;border-color:#6d0000}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.ghost{background:#fffef9;color:var(--umber);border-color:var(--line)}.btn.ghost:hover:not(:disabled){border-color:var(--tan)}.btn.small{padding:9px 14px;font-size:14px}.btn.bearoff{background:var(--gold);color:#3a2a10;border-color:#a97f22;animation:pulse 1.2s infinite}.board{border:7px double var(--oxblood);border-radius:10px;background:var(--parchment-2);padding:8px;box-shadow:var(--shadow)}.track-row{display:flex;border:2px solid var(--umber);background:#fffdf9}.track-row.top{border-bottom:none}.track-row.bottom{border-top:none}.cell{position:relative;flex:1 1 0;height:clamp(96px,24vw,150px);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:4px 0;overflow:hidden}.cell:last-child{border-right:none}.cell.home{background:#fbf3e4}.cell.selectable{cursor:pointer}.cell.selectable:after{content:"";position:absolute;inset:3px;border:2px dashed rgba(201,154,52,.7);border-radius:6px;pointer-events:none}.cell.selected:after{border:3px solid var(--gold);box-shadow:inset 0 0 12px #c99a3466}.cell.dest{cursor:pointer}.cell.dest:after{content:"";position:absolute;inset:3px;border:3px solid var(--gold);border-radius:6px;box-shadow:0 0 12px #c99a348c;animation:pulse 1.2s infinite;pointer-events:none}.triangle{position:absolute;width:74%;height:76%;background:var(--tan-soft);z-index:0}.triangle.up{bottom:0;clip-path:polygon(50% 0,100% 100%,0 100%)}.triangle.down{top:0;clip-path:polygon(0 0,100% 0,50% 100%)}.triangle.alt{background:var(--umber);opacity:.85}.cell-num{position:relative;z-index:2;font-size:clamp(11px,2.6vw,15px);font-weight:600;color:var(--oxblood);background:#fffdf9b8;padding:0 3px;border-radius:3px}.stack{position:relative;z-index:1;display:flex;align-items:center;gap:0}.cell.up .stack{flex-direction:column-reverse}.cell.down .stack{flex-direction:column}.checker{width:clamp(15px,4.6vw,26px);height:clamp(15px,4.6vw,26px);border-radius:50%;margin-top:-3px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #00000059}.cell.up .checker{margin-top:0;margin-bottom:-3px}.checker.p0{background:radial-gradient(circle at 35% 30%,#fffefb,var(--p0));border:1px solid var(--p0-edge)}.checker.p1{background:radial-gradient(circle at 35% 30%,#c23b3b,var(--p1));border:1px solid var(--p1-edge)}.cnum{font-family:Cinzel,serif;font-size:clamp(9px,2.4vw,13px);font-weight:700}.checker.p0 .cnum{color:var(--umber)}.checker.p1 .cnum{color:#ffe8e0}.middle{display:flex;align-items:center;justify-content:center;height:clamp(28px,7vw,46px);border-left:2px solid var(--umber);border-right:2px solid var(--umber);background:#f1e9da}.middle-label{font-size:clamp(11px,2.6vw,15px);letter-spacing:4px;color:var(--umber);text-transform:uppercase;opacity:.75}.side-trays{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.tray{border:2px solid var(--line);border-radius:10px;background:var(--panel);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.tray.active{border-color:var(--oxblood);box-shadow:0 0 0 2px #8b00001f}.tray-name{font-family:Cinzel,serif;letter-spacing:1px;color:var(--umber);font-size:15px}.tray-slot{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:8px;background:#fbf6ec;border:1px solid transparent}.tray-slot.selectable{cursor:pointer;border:2px dashed rgba(201,154,52,.8)}.tray-slot.selected{border:2px solid var(--gold);box-shadow:inset 0 0 10px #c99a3466}.tray-caption{font-variant:small-caps;letter-spacing:1px;color:var(--umber);font-size:14px}.tray-count{display:flex;align-items:center;gap:8px;font-family:Cinzel,serif;font-size:18px;color:var(--ink)}.dot{width:14px;height:14px;border-radius:50%;display:inline-block}.dot.p0{background:radial-gradient(circle at 35% 30%,#fffefb,var(--p0));border:1px solid var(--p0-edge)}.dot.p1{background:radial-gradient(circle at 35% 30%,#c23b3b,var(--p1));border:1px solid var(--p1-edge)}.controls{margin-top:14px;background:var(--panel);border:2px solid var(--line);border-radius:var(--radius);padding:14px;text-align:center}.status-line{margin-bottom:10px}.turn-indicator{display:inline-flex;align-items:center;gap:8px;font-size:20px;letter-spacing:1px;color:var(--oxblood)}.dice-area{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;min-height:56px}.die{width:46px;height:46px;background:#fffdf7;border:2px solid var(--umber);border-radius:10px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:6px;gap:2px;box-shadow:var(--shadow)}.die.used{opacity:.3;filter:grayscale(.6)}.pip{width:100%;height:100%;border-radius:50%}.pip.on{background:var(--oxblood)}.hint{color:var(--umber);font-style:italic;margin:10px 0 4px;min-height:1.2em}.button-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:8px}.overlay{position:fixed;inset:0;background:#2d1e128c;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50;backdrop-filter:blur(2px)}.overlay-card{background:var(--parchment-2);border:4px double var(--oxblood);border-radius:var(--radius);padding:28px;max-width:560px;width:100%;text-align:center;box-shadow:var(--shadow)}.overlay-card.scroll{max-height:86vh;overflow-y:auto;text-align:left}.overlay-card h2{color:var(--oxblood);letter-spacing:3px;text-transform:uppercase;margin-top:0}.overlay-card p{font-size:17px;line-height:1.55}.overlay-card .btn{margin-top:10px}.laurel{font-size:46px;color:var(--tan)}.rules-intro{font-style:italic;color:var(--umber)}.rule-section h3{font-family:Cinzel,serif;color:var(--oxblood);letter-spacing:1px;margin-bottom:4px;border-bottom:1px solid var(--line);padding-bottom:4px}.rule-section p{margin:8px 0}.link-row{margin-top:18px;text-align:center;font-size:15px}.link-row a{color:var(--oxblood);text-decoration:none;border-bottom:1px dotted var(--tan)}.link-row a:hover{border-bottom-style:solid}.link-sep{color:var(--umber);margin:0 8px}.overlay-card .link-row{margin:16px 0}@keyframes pulse{0%,to{box-shadow:0 0 8px #c99a3480}50%{box-shadow:0 0 18px #c99a34f2}}