/* Three full-size ivory Mahjong faces, with a green resin base. */
.draft-offers{gap:22px;align-items:stretch;max-width:820px;margin-inline:auto}
.draft-offers .augment-card{position:relative;display:block;padding:0;min-height:318px;border:0;border-radius:13px;background:none;box-shadow:none;color:#234f44;transform:rotate(-3deg);isolation:isolate;transition:transform .2s ease;touch-action:manipulation}
.draft-offers .augment-card:nth-child(2){transform:translateY(-8px) rotate(1deg)}.draft-offers .augment-card:nth-child(3){transform:rotate(3deg)}
.augment-stock{position:absolute;inset:8px 0 -11px;border:3px solid #1c463c;border-radius:13px;background:linear-gradient(#d1c7a5 68%,#4e997a 69%,#2c6956);box-shadow:0 6px #173d36,0 15px 24px #102d3b55}
.augment-face{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100%;gap:17px;padding:25px 18px 20px;border:3px solid #e4d7ad;border-top-color:#fff7dd;border-radius:13px;background:repeating-linear-gradient(0deg,transparent 0 3px,#8c815608 3px 4px),radial-gradient(ellipse at 28% 0%,#fffcef,#ede3c0 80%);box-shadow:inset 0 0 0 2px #faf1d5,inset -5px -5px 0 #a49f7c22;color:#2b5448}
.augment-face .augment-glyph{width:auto;height:auto;min-height:80px;border:0;border-radius:0;background:none;box-shadow:none;font-size:78px;line-height:1.1;color:#286d53;text-shadow:2px 2px #9ca57955}
.augment-face strong{font-size:28px;color:#315d4e;text-shadow:1px 1px #fff7df;font-weight:400}.augment-face .augment-description{font-size:17px;line-height:1.5;color:#596351}
.augment-face .augment-pick{display:block;border-top:1px solid #8a92714d;padding-top:10px;width:100%;color:#7b775b;font-size:12px}
.augment-glint{pointer-events:none;position:absolute;inset:0;border-radius:inherit;background:linear-gradient(122deg,transparent 20%,#fff7 35%,transparent 48%);opacity:0;transition:opacity .2s}
.draft-offers .augment-card:hover:not(:disabled){transform:translateY(-10px) rotate(0);box-shadow:none}.draft-offers .augment-card:hover .augment-glint{opacity:.4}
.draft-offers .augment-card.selected{transform:translateY(-18px) rotate(0);box-shadow:none}.augment-card.selected .augment-face{border-color:#e6c36c;box-shadow:inset 0 0 0 2px #fff3c7,0 0 25px #e2ba6545}.augment-card.selected .augment-pick{color:#7d541e}
.draft-offers .augment-card.picked{opacity:1}.augment-card.picked .augment-face{border-color:#e6c36c}.draft-offers .augment-card:disabled:not(.picked){opacity:.6}.draft-offers .augment-card:focus-visible{outline:3px solid #ffdc8e;outline-offset:7px}
@media(max-width:650px){.draft-screen{padding:25px 13px}.draft-header h1{font-size:32px}.draft-header p:not(.eyebrow){font-size:14px}.draft-offers{gap:10px;padding-inline:0}.draft-offers .augment-card{min-height:255px;border-radius:9px}.augment-face{border-radius:9px;padding:18px 7px 13px;gap:13px}.augment-stock{border-radius:9px}.augment-face .augment-glyph{font-size:56px;min-height:61px}.augment-face strong{font-size:22px}.augment-face .augment-description{font-size:13px}.augment-face .augment-pick{font-size:10px}.draft-offers .augment-card.selected{transform:translateY(-10px)}.draft-clock{font-size:28px;padding:9px}}
@media(prefers-reduced-motion:reduce){.draft-offers .augment-card,.augment-glint{transition:none}}

/* Immediate per-seat throws. Glass decals never intercept game input. */
.player-label[data-prop-seat]{cursor:pointer;transition:filter .15s,transform .15s}.player-label[data-prop-seat]:hover{filter:brightness(1.13)}.player-label[data-prop-seat]:focus-visible{outline:3px solid #f5d080;outline-offset:3px}
.prop-actions{display:flex;align-items:center;justify-content:center;gap:7px;flex:none;margin:0 0 2px;min-height:32px}
.prop-quick{position:relative;display:inline-grid;place-items:center;width:36px;height:32px;flex:none;padding:1px;border:2px solid #8ca389;border-top-color:#d8d6ac;border-radius:5px;background:linear-gradient(145deg,#567969,#294c44);box-shadow:inset 0 1px #d5dfac33,0 3px #123d38;cursor:pointer;touch-action:manipulation;transition:transform .16s,filter .16s,opacity .18s}
.prop-quick:hover:not(:disabled){transform:translateY(-3px) rotate(-5deg);filter:brightness(1.15)}.prop-quick:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #123d38}.prop-quick:focus-visible{outline:3px solid #ffe09c;outline-offset:3px}.prop-quick:disabled{opacity:.45;cursor:default}.prop-icon{display:block;width:29px;height:29px;object-fit:contain;pointer-events:none;user-select:none}
#propLayer{position:fixed;inset:0;z-index:65;pointer-events:none;overflow:hidden;contain:strict}.prop-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.prop-projectile{position:absolute;left:0;top:0;width:68px;height:68px;object-fit:contain;filter:drop-shadow(2px 5px 2px #102d2f66);will-change:transform;z-index:3}
.prop-splat{position:absolute;width:140px;height:140px;object-fit:contain;will-change:transform,opacity;z-index:4}
.prop-screen-stain{position:absolute;width:clamp(230px,34vmin,410px);height:auto;aspect-ratio:1;object-fit:contain;will-change:transform,opacity;z-index:5}
@media(max-width:700px),(max-height:540px) and (orientation:landscape){.prop-actions{gap:5px;min-height:28px}.prop-quick{width:30px;height:28px}.prop-icon{width:25px;height:25px}.prop-projectile{width:51px;height:51px}.prop-splat{width:108px;height:108px}.prop-screen-stain{width:clamp(210px,56vmin,300px)}}
@media(max-width:700px) and (orientation:portrait){:is(.left-player,.right-player) .prop-actions{flex-direction:column;gap:5px;min-height:0}:is(.left-player,.right-player) .prop-quick{width:34px;height:30px}}
@media(prefers-reduced-motion:reduce){.prop-quick,.player-label[data-prop-seat]{transition:none}.prop-quick:hover:not(:disabled){transform:none}}