.tablecloth:has(.duel-history-app){background:#f4ead8}
.duel-history-app{max-width:780px;padding:26px 34px 28px;background:#fff5e4;background-image:linear-gradient(#fff7e4bd,#fff7e4fa 420px),url('assets/home-kitchen-atmosphere-v1.png');background-size:100% auto;border-color:#ccb28a}
.duel-history-app .masthead{gap:16px;margin-bottom:30px;justify-content:space-between}
.history-home{display:inline-flex;align-items:center;justify-content:center;font-size:17px;min-height:44px;padding:9px 14px;text-decoration:none}
.history-heading{position:relative;max-width:640px;margin:0 auto 24px;padding-right:74px}
.history-heading .eyebrow{display:block;font-size:11px;letter-spacing:.12em;margin:0 0 10px;color:#74674c}
.history-heading h1{display:block;font:700 clamp(30px,5vw,42px)/1.13 var(--display);letter-spacing:-.025em;color:var(--green);margin:0 0 12px}
.history-heading>p:last-child{margin:0;color:#6c604b;font-size:16px;line-height:1.6}
.history-heading-icon{position:absolute;right:0;top:18px;display:grid;place-items:center;width:60px;height:60px;border:1px solid #d8bd8e;background:#fff2d3;border-radius:18px;color:#8b6836;transform:rotate(5deg)}
.history-heading-icon svg{width:40px;height:40px}
.history-list{display:grid;gap:18px;max-width:640px;margin:auto}
.history-card{min-width:0;padding:20px 22px;border:1px solid #d6bf99;border-radius:22px;background:#fffaf0f5;box-shadow:0 4px 0 #c9ad807a;overflow-wrap:anywhere}
.history-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.history-mode{display:inline-block;border:1px solid #ddc395;background:#f6e8c9;border-radius:99px;padding:5px 11px;font-size:12px;font-weight:700;color:#6f5733}
.history-player{font-size:13px;color:#6b604b}
.history-dish{font:700 25px/1.25 var(--display);color:var(--green);margin:0 0 6px;letter-spacing:-.015em}
.history-date{display:block;width:100%;margin:0 0 16px;font-size:12px;line-height:1.5;color:#78684e;font-variant-numeric:tabular-nums}
.history-result{padding:14px 16px 13px;border-radius:14px;background:#edf2e5;border:1px solid #d4dfc6}
.history-result-label{font-size:12px;font-weight:600;color:#596d4d;margin:0 0 4px;line-height:1.5}
.history-points{margin:0;color:var(--green);line-height:1.2}
.history-points strong{font:700 39px/1.2 var(--display);letter-spacing:-.025em}
.history-points>span{font-size:15px;font-weight:600}
.history-outcome{margin:8px 0 0;font-size:13px;color:#596d4d;line-height:1.5}
.history-progress{margin:0;font-size:15px;line-height:1.6;color:#6b604b}
.history-players{margin-top:17px}
.history-players-label{margin:0 0 8px;font:600 12px/1.5 var(--body);color:#78684e}
.history-player-list{list-style:none;padding:0;margin:0;border-top:1px solid #e6d7bc}
.history-player-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #e6d7bc;font-size:13px;line-height:1.5}
.history-player-name{min-width:0;color:#6b604b}
.history-player-row.is-you .history-player-name{font-weight:600;color:var(--green)}
.history-player-points{flex-shrink:0;font-weight:600;color:var(--green);font-variant-numeric:tabular-nums}
.history-player-waiting{flex-shrink:0;color:#8a7a5e;font-size:12px}
.history-card-footer{display:flex;align-items:center;gap:14px;margin-top:17px}
.history-open{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 14px;text-decoration:none;font-size:14px;flex-shrink:0}
.history-open:hover{background:#fff7e8}
.history-home:focus-visible,.history-open:focus-visible,.duel-history-app .brand:focus-visible{outline:3px solid #214c2e;outline-offset:4px}
.history-expiry{margin:0;font-size:12px;line-height:1.5;color:#78684e}
.history-closed{min-height:44px;padding:9px 13px;border:1px solid #d3c4ac;border-radius:11px;background:#f1ecdf;color:#776e5b;font:600 13px var(--body);flex-shrink:0;opacity:1}
.history-note{max-width:640px;margin:24px auto 0;border-top:1px solid #ddcba9;padding-top:18px;color:#7a6b51;font-size:12px;line-height:1.6}
.history-note p{margin:0}.history-note p+p{margin-top:9px}
.history-empty{max-width:640px;margin:0 auto;padding:25px 22px;border:1px solid #bac8a8;border-radius:20px;background:#fffaf0c9}
.history-empty h2{font:700 25px/1.3 var(--display);margin:0 0 12px;color:var(--green)}
.history-empty p{margin:0;color:#6b604b;line-height:1.7;font-size:15px}
.history-status{max-width:640px;margin:0 auto 20px;padding:16px;border:1px solid #d9c095;border-radius:14px;background:#fff2d7;color:#79562e;font-size:14px;line-height:1.6}
@media(max-width:600px){.duel-history-app{padding:16px 16px 22px;min-height:calc(100svh - 20px)}.duel-history-app .masthead{margin-bottom:25px;min-height:68px}.duel-history-app .brand span{font-size:21px}.duel-history-app .brand strong{font-size:45px}.history-heading{padding-right:58px;margin-bottom:22px}.history-heading h1{font-size:31px}.history-heading>p:last-child{font-size:15px}.history-heading-icon{width:45px;height:45px;border-radius:13px;top:25px}.history-heading-icon svg{width:32px;height:32px}.history-card{padding:18px 16px;border-radius:19px}.history-dish{font-size:23px}.history-date{margin-bottom:14px}.history-result{padding:13px 14px}.history-points strong{font-size:35px}.history-card-footer{align-items:flex-start;flex-direction:column;gap:10px;margin-top:15px}.history-open{width:100%;font-size:15px}.history-list{gap:16px}.history-empty{padding:22px 17px}.history-empty h2{font-size:24px}}
@media(max-width:360px){.history-heading h1{font-size:28px}.history-heading .eyebrow{font-size:10px}.history-player{font-size:12px}.history-home{font-size:15px;padding:9px 12px}}

.history-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-width:640px;margin:0 auto 20px}.history-tabs button{min-height:46px;padding:9px 5px;border:1px solid #d5ba92;border-radius:12px;background:#fff8e9;color:#736042;font:600 13px var(--body);cursor:pointer}.history-tabs button[aria-pressed="true"]{background:#214c2e;color:#fff6df;border-color:#214c2e}.history-tabs button:focus-visible{outline:3px solid #214c2e;outline-offset:3px}
.history-account{display:flex;gap:16px;align-items:center;max-width:640px;margin:0 auto 20px;padding:16px;border:1px solid #dfcaa6;border-radius:16px;background:#f8efda}.history-account p{margin:0;font-size:13px;line-height:1.6;color:#6c604b}.history-account .wood-btn{flex-shrink:0;font-size:13px;min-height:44px;display:flex;align-items:center;justify-content:center;text-decoration:none;padding:10px 13px}
@media(max-width:600px){.history-account{display:block}.history-account .wood-btn{margin-top:12px}.history-tabs button{font-size:12px}}

.history-save{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:12px;padding:10px 12px;font-size:13px;text-decoration:none}.history-save:focus-visible{outline:3px solid #214c2e;outline-offset:3px}

.history-remove{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 16px;margin:16px 0 0 auto;border:1px solid #cfb28b;border-radius:11px;background:#fff7e8;color:#965a48;font:600 13px var(--body);cursor:pointer}.history-remove:before{content:'';display:block;width:14px;height:16px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 22'%3E%3Cpath fill='black' d='M7 1h6v2h5v2H2V3h5V1Zm-3 6h12l-1 14H5L4 7Zm3 2 1 10h1L8 9H7Zm4 0v10h1l1-10h-2Z'/%3E%3C/svg%3E") center/contain no-repeat}.history-restore{color:#214c2e;background:#edf2e5}.history-restore:before{display:none}.history-remove:disabled{opacity:.55;cursor:wait}.history-remove:focus-visible,.history-trash-bar button:focus-visible,.history-action-note button:focus-visible{outline:3px solid #214c2e;outline-offset:3px}.history-card.is-removed{background:#fbf5e8}.history-trash-bar{max-width:640px;margin:-12px auto 16px;display:flex;justify-content:flex-end}.history-trash-bar button{min-height:44px;padding:8px 14px;border:1px solid #d5ba92;border-radius:11px;background:#fff8e9;color:#736042;font:600 13px var(--body);cursor:pointer}.history-trash-bar button[aria-pressed="true"]{background:#efe2c6;color:#214c2e;border-color:#a18358}.history-action-note{display:flex;align-items:center;gap:12px;max-width:640px;margin:0 auto 16px}.history-action-note:has(p[hidden]){display:none}.history-action-note p{font-size:13px;line-height:1.6;color:#526946;margin:0}.history-action-note p.is-error{color:#9d4637}.history-action-note button{min-height:44px;padding:8px 12px;border:1px solid #cdb68e;border-radius:10px;background:#fff7e8;color:#214c2e;font:600 13px var(--body);cursor:pointer}.history-action-note button[hidden]{display:none}