:root{--color-bg:#fff;--color-primary:#0a0a0a;--color-secondary:#242424;--color-warning:#c85e12;--color-error:#aa0e32;--color-turn-label:#999}html{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Figtree,sans-serif}body{margin:0}ul{padding-left:24px;list-style:outside}.text-secondary{color:var(--color-secondary)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.main-container{width:100%;height:100%;font-size:32px;position:relative}.main-container .button,.main-container select,.main-container option{min-height:48px;padding:8px 16px;font-size:28px}.timer-container{background:var(--color-bg);justify-content:center;align-items:center;width:318px;height:80px;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}.timer-text{font-size:64px;font-weight:700}.content-container{gap:12px;padding:0 12px 12px;display:flex;position:absolute;inset:118px 0 72px}.content-container .left{flex:1;position:relative;overflow-y:auto}.content-container .right{flex-shrink:0;width:380px;overflow-y:auto}.section-title{margin:0 0 16px}.progress-bar{background:var(--color-bg);align-items:center;gap:8px;height:56px;padding:0 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.progress-bar progress{appearance:none;border:none;flex:1;height:36px;margin:0}.progress-bar progress::-webkit-progress-value{transition:width .3s ease-in-out}.progress-bar progress::-moz-progress-bar{transition:width .3s ease-in-out}.progress-bar span{text-align:center;flex-shrink:0;min-width:64px;font-size:36px;font-weight:700;line-height:36px}.player-self{font-weight:700}.player-list{flex-direction:column;gap:8px;padding:0;font-size:24px;list-style:none;display:flex}.action-log h3{font-size:32px}.action-log h4{margin:8px 0 4px;font-size:28px}.action-log p{margin:4px 0;font-size:26px}.previous-action-logs-container{margin-top:24px}.latest-action-log{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:0 12px;display:flex;position:absolute;inset:120px 0 72px}.latest-action-log p{text-align:center;font-size:28px}.cards-list{flex-wrap:wrap;gap:8px;display:flex}.card{font:inherit;cursor:pointer;background:0 0;border:none;outline:none;gap:2px;margin:0;padding:0;transition:transform .2s ease-in-out,opacity .2s ease-in-out,filter .2s ease-in-out;position:relative}.card:hover{transform:scale(1.02)}.card:active{transform:scale(.99)}.card.dimmed{opacity:.5;filter:grayscale();transform:scale(.97)}.card.dimmed:hover{opacity:1;filter:grayscale(0);transform:scale(1.02)}.card.dimmed:active{transform:scale(.99)}.card .canvas{width:160px;height:240px;image-rendering:pixelated}.card .card-quantity{background:var(--color-bg);border:1px solid var(--color-primary);color:var(--color-primary);pointer-events:none;padding:2px 8px;font-size:16px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.turn-row{gap:8px;display:flex}.turn-picker{margin-top:64px}.turn-button{flex-direction:column;align-items:center;gap:2px;min-height:0;transition:transform .3s ease-in-out;display:flex}.turn-button.active{transform:translateY(16px)}.turn-button:hover{transform:translateY(-4px)}.turn-button.active:hover{transform:translateY(12px)}.turn-button:active{transform:translateY(0)scale(.97)}.turn-button.active:active{transform:translateY(8px)scale(.97)}.turn-label{color:var(--color-turn-label);font-size:18px;font-weight:700}.turn-card{aspect-ratio:2/3;justify-content:center;align-items:center;width:128px;transition:width .3s ease-in-out;display:flex;position:relative}.turn-card .canvas{width:100%;height:100%}.turn-row:not(:has(.turn-button.active)) .turn-card{width:160px}.turn-button.compact .turn-card{width:116px}.turn-name{text-align:center;padding:0 4px;font-size:16px}.turn-error{color:var(--color-error);cursor:help;padding:2px 8px;font-size:18px}.input-row{align-items:center;gap:4px;margin-bottom:4px;display:flex}.input-row.error{color:var(--color-error)}