.pig-page{margin:0;min-height:100vh;background:var(--ocg-surface-world);color:var(--ocg-text-primary);font-family:var(--ocg-font-interface);overflow-anchor:none}.pig-page *,.pig-page *:before,.pig-page *:after{box-sizing:border-box}.pig-page .page__content{width:100%;max-width:none;padding:28px 20px 64px;margin:0}.pig-table{width:min(100%,980px);margin:0 auto;background:url(/assets/felt-green-CieYw_4d.webp) center / cover,var(--ocg-surface-table);border:10px solid var(--ocg-surface-structure);border-radius:26px;box-shadow:0 0 0 1px var(--ocg-border-crafted),inset 0 0 0 1px var(--ocg-border-quiet),0 16px 40px #00000042;overflow:clip}.pig-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 32px 14px}.pig-heading h1{font:600 clamp(25px,3vw,34px)/1.2 var(--ocg-font-display);margin:4px 0 0;color:var(--ocg-text-primary)}.pig-eyebrow{margin:0;font-size:13px;color:var(--ocg-text-secondary)}.pig-tools{display:flex;gap:8px}.pig-table button:not(.global-controls__button),.pig-table select{font:600 14px/1.3 var(--ocg-font-interface)}.pig-table button:not(.global-controls__button){min-width:44px;min-height:44px;padding:10px 16px;border:1px solid var(--ocg-border-quiet);border-radius:var(--ocg-radius-control);background:var(--ocg-surface-world);color:var(--ocg-text-primary);cursor:pointer;touch-action:manipulation}.pig-table button:not(.global-controls__button):hover:not(:disabled){border-color:var(--ocg-focus-ring)}.pig-sound-icon{--global-control-icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3ctitle%3eSound%3c/title%3e%3cpath%20fill='%23000'%20fill-rule='evenodd'%20d='M4%209h4l5-4v14l-5-4H4V9Zm12.2-1.8a7%207%200%200%201%200%209.6l-1.4-1.4a5%205%200%200%200%200-6.8l1.4-1.4Zm2.9-2.9a11%2011%200%200%201%200%2015.4l-1.4-1.4a9%209%200%200%200%200-12.6l1.4-1.4Z'%20clip-rule='evenodd'/%3e%3c/svg%3e")}.pig-new-icon{--global-control-icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3ctitle%3eNew%20deal%3c/title%3e%3cpath%20fill='%23000'%20fill-rule='evenodd'%20d='m7.2%203.2%209.7%202.6a2%202%200%200%201%201.4%202.4l-3.1%2011.6a2%202%200%200%201-2.4%201.4l-9.7-2.6a2%202%200%200%201-1.4-2.4L4.8%204.6a2%202%200%200%201%202.4-1.4Zm4.2%204.1-3.9%203%201.7%204.6%203.9-3-1.7-4.6ZM17%203h2a2%202%200%200%201%202%202v12c0%20.9-.6%201.7-1.5%201.9L22%209.6A4.5%204.5%200%200%200%2018.8%204L17%203.5V3Z'%20clip-rule='evenodd'/%3e%3c/svg%3e")}.pig-roll-icon{--global-control-icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3ctitle%3eRoll%20die%3c/title%3e%3cpath%20fill='%23000'%20fill-rule='evenodd'%20d='M5%202h14a3%203%200%200%201%203%203v14a3%203%200%200%201-3%203H5a3%203%200%200%201-3-3V5a3%203%200%200%201%203-3Zm2%203a2%202%200%201%200%200%204%202%202%200%200%200%200-4Zm5%205a2%202%200%201%200%200%204%202%202%200%200%200%200-4Zm5%205a2%202%200%201%200%200%204%202%202%200%200%200%200-4Z'%20clip-rule='evenodd'/%3e%3c/svg%3e")}.pig-bank-icon{--global-control-icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3ctitle%3eBank%20points%3c/title%3e%3cellipse%20cx='12'%20cy='5'%20rx='9'%20ry='3'%20fill='%23000'/%3e%3cpath%20fill='%23000'%20d='M3%208c4%203%2014%203%2018%200v3c-4%204-14%204-18%200V8Zm0%206c4%203%2014%203%2018%200v3c-4%204-14%204-18%200v-3Zm0%206c4%203%2014%203%2018%200v1c-4%204-14%204-18%200v-1Z'/%3e%3c/svg%3e")}.pig-table button:disabled{opacity:.5;cursor:default}.pig-table :is(button,summary,input,select,a):focus-visible{outline:3px solid var(--ocg-focus-ring);outline-offset:4px}.pig-scoreboard{display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);gap:26px;align-items:center;margin:0 32px;padding:12px 0;border-block:1px solid var(--ocg-border-quiet)}.pig-player{min-width:0;padding:10px 12px;border:1px solid transparent;border-radius:8px}.pig-player[data-active=true]{border-color:var(--ocg-border-crafted);background:var(--ocg-surface-raised-felt)}.pig-player-heading{display:flex;align-items:center;gap:12px}.pig-avatar{display:block;width:52px;height:52px;flex:0 0 auto;border-radius:50%}.pig-avatar-clip{display:block;width:52px;height:52px;flex:0 0 auto;border-radius:50%;overflow:hidden}.pig-avatar-clip>.pig-avatar{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.4)}.pig-player-identity{min-width:0}.pig-player h2{margin:0;font:600 18px/1.4 var(--ocg-font-interface);color:var(--ocg-text-primary)}.pig-player h2 small{display:inline;font-size:12px;font-weight:400;color:var(--ocg-text-secondary)}.pig-turn-badge{display:block;color:var(--ocg-text-secondary);font-size:12px;margin-top:3px}.pig-player[data-active=true] .pig-turn-badge{color:var(--ocg-focus-ring);font-weight:700}.pig-turn-banner{margin:12px 24px 0;text-align:center;font-size:15px;font-weight:700;color:var(--ocg-focus-ring)}.pig-score{display:flex;align-items:baseline;gap:10px;margin:5px 0 8px}.pig-score strong{font-size:42px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.pig-score>span{font-size:13px;color:var(--ocg-text-secondary)}.pig-player progress{display:block;width:100%;height:5px;border:0;border-radius:2px;background:var(--ocg-surface-world);accent-color:var(--ocg-focus-ring)}.pig-player progress::-webkit-progress-bar{background:var(--ocg-surface-world);border-radius:2px}.pig-player progress::-webkit-progress-value{background:var(--ocg-focus-ring);border-radius:2px}.pig-race{text-align:center;color:var(--ocg-text-secondary);font-size:12px;line-height:1.5}.pig-race strong{font:600 24px/1.5 var(--ocg-font-display)}.pig-playfield{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;width:min(100%,660px);margin:0 auto;min-height:204px;padding:18px 24px}.pig-dice-area{display:grid;justify-items:center}.pig-die{--die-edge: 88px;--die-half: 44px;width:152px;height:144px;position:relative;perspective:700px}.pig-die:before{content:"";position:absolute;width:110px;height:36px;left:calc(50% - 55px);bottom:0;border-radius:50%;background:#0006;filter:blur(9px)}.pig-die-camera{position:absolute;width:var(--die-edge);height:var(--die-edge);left:calc(50% - var(--die-half));top:22px;transform-style:preserve-3d;transform:rotateX(-52deg) rotateY(-24deg)}.pig-die-cube{width:100%;height:100%;position:relative;transform-style:preserve-3d}.pig-die-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:5px;border:1px solid var(--ocg-text-secondary);background:linear-gradient(135deg,var(--ocg-ivory-25),var(--ocg-surface-parchment));box-shadow:inset 2px 2px 3px #ffffffd9,inset -3px -3px 5px #00000029}.pig-die-face--front{transform:translateZ(var(--die-half))}.pig-die-face--back{transform:rotateY(180deg) translateZ(var(--die-half))}.pig-die-face--right{transform:rotateY(90deg) translateZ(var(--die-half))}.pig-die-face--left{transform:rotateY(-90deg) translateZ(var(--die-half))}.pig-die-face--top{transform:rotateX(90deg) translateZ(var(--die-half))}.pig-die-face--bottom{transform:rotateX(-90deg) translateZ(var(--die-half))}.pig-die-pips{position:absolute;inset:17%;display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);gap:11%}.pig-die-pips i{display:block;border-radius:50%;background:var(--ocg-text-on-parchment);box-shadow:inset 1px 2px 2px #000c,0 1px 1px #ffffffe5}.pig-roll-caption{min-height:20px;margin:16px 0 0;font-size:14px;color:var(--ocg-text-secondary);text-align:center}.pig-turn-total>p{margin:0;color:var(--ocg-text-secondary);font-size:14px;line-height:1.5}.pig-turn-total>strong{display:block;font-size:clamp(56px,7vw,76px);font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}.pig-turn-total>p:last-child{min-height:42px;max-width:240px}.pig-decision{padding:0 32px 16px;text-align:center}.pig-message{display:grid;align-items:center;min-height:32px;margin:0 0 8px;font-size:16px;line-height:1.5}.pig-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(100%,480px);margin:0 auto}.pig-actions .global-controls__button{min-height:54px;font-size:16px}.pig-rule{color:var(--ocg-text-secondary);font-size:13px;margin:12px 0 0;line-height:1.5}.pig-table-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding:10px 32px;background:var(--ocg-surface-structure);color:var(--ocg-text-secondary);font-size:13px}.pig-table-footer a{color:var(--ocg-text-primary);padding:14px 0}.pig-settings summary,.pig-history summary{min-height:44px;align-content:center;cursor:pointer}.pig-settings{flex:0 1 auto}.pig-settings[open]{flex-basis:100%}.pig-settings label{display:inline-flex;gap:12px;align-items:center;margin:4px 20px 12px 0;min-height:44px}.pig-settings input{accent-color:var(--ocg-focus-ring);min-height:44px;width:120px}.pig-settings select{background:var(--ocg-surface-world);color:var(--ocg-text-primary);border:1px solid var(--ocg-border-crafted);border-radius:4px;min-height:44px;padding:6px}.pig-history{background:var(--ocg-surface-structure);padding:0 32px 4px;font-size:13px;color:var(--ocg-text-secondary)}.pig-history ol{margin:0 0 12px;padding-left:20px;line-height:1.7}.pig-restart{max-width:min(440px,calc(100% - 32px));background:var(--ocg-surface-parchment);color:var(--ocg-text-on-parchment);border:1px solid var(--ocg-border-crafted);border-radius:8px;padding:24px}.pig-restart::backdrop{background:#000000a6}.pig-restart h2{font:600 24px/1.3 var(--ocg-font-display);color:inherit}.pig-restart p{line-height:1.5}.pig-restart>div{display:flex;flex-wrap:wrap;gap:12px}.pig-guide{margin-top:56px}@media(max-width:600px){.pig-page .page__content{padding:16px 12px 40px}.pig-table{border-width:5px;border-radius:16px}.pig-heading{padding:12px 16px;flex-wrap:wrap;gap:8px}.pig-heading h1{font-size:25px}.pig-tools{width:100%;justify-content:space-between}.pig-scoreboard{margin:0 16px;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pig-race{display:none}.pig-tools .global-controls__cluster{width:100%;justify-content:space-between;flex-wrap:nowrap}.pig-tools .global-controls__button{flex:1 1 0;gap:7px;padding-right:10px;font-size:12px}.pig-tools .global-controls__icon--asset{width:36px;flex-basis:36px}.pig-player{padding:8px}.pig-player-heading{gap:7px}.pig-avatar,.pig-avatar-clip{width:36px;height:36px}.pig-player h2 small{display:block;font-size:10px}.pig-turn-badge{font-size:10px}.pig-turn-banner{font-size:13px}.pig-player h2{font-size:16px}.pig-score strong{font-size:34px}.pig-score{gap:6px;flex-wrap:wrap}.pig-score>span{font-size:12px}.pig-playfield{gap:14px;padding:18px 16px 12px;min-height:180px}.pig-die{--die-edge: 68px;--die-half: 34px;width:112px;height:124px}.pig-turn-total>strong{font-size:56px}.pig-turn-total>p,.pig-roll-caption{font-size:12px}.pig-decision{padding:0 16px 20px}.pig-message{min-height:42px;font-size:14px}.pig-actions .global-controls__button{font-size:12px;gap:6px;padding-right:7px}.pig-actions .global-controls__icon--asset{width:34px;flex-basis:34px}.pig-actions .global-controls__label{display:block;min-width:0;white-space:normal;text-align:left;line-height:1.25}.pig-rule{font-size:12px}.pig-table-footer{padding:6px 16px;gap:8px 16px}.pig-history{padding-inline:16px}}@media(prefers-reduced-motion:reduce){.pig-table *,.pig-table *:before,.pig-table *:after{animation:none!important;transition:none!important}}@media(forced-colors:active){.pig-die-pips i{background:CanvasText;forced-color-adjust:none}.pig-die-face{background:Canvas;border:2px solid CanvasText}}