:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#162e2c;background:#f5f3ec;font-synthesis:none;line-height:1.6;font-size:17px}*{box-sizing:border-box}body{margin:0}a{color:#165b49}button,input,select{font:inherit}button{min-height:46px;border:1px solid #8a9b91;border-radius:9px;background:#fffdf7;color:#183e34;padding:.6rem 1rem;cursor:pointer}button:hover:not(:disabled){background:#e4eee5}button:disabled{cursor:default;opacity:.65}button.primary{background:#245c48;color:#fff;border-color:#245c48;font-weight:650}button.primary:hover:not(:disabled){background:#153d30}:focus-visible{outline:3px solid #8c4200;outline-offset:4px}input,select{width:100%;min-height:46px;padding:.5rem .7rem;border:1px solid #839489;border-radius:7px;background:#fff;color:#162e2c}label{display:block;margin:1rem 0 .6rem}label input,label select{margin-top:.3rem}h1{font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.12;letter-spacing:-.04em;font-weight:650;margin:.5rem 0 1.4rem}h2{font-size:1.25rem;line-height:1.3;margin:0 0 1.1rem}p{margin:.7rem 0 1.2rem}header{max-width:1280px;margin:auto;padding:1.6rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d7dcd0}.brand{text-decoration:none;font-size:1.6rem;font-weight:750;letter-spacing:-.04em;color:#173e32}.brand span{display:block;font-size:.75rem;font-weight:450;letter-spacing:.02em}.badge{font-size:.8rem;border:1px solid #bac8b8;border-radius:20px;padding:.3rem .8rem}main{max-width:1280px;margin:auto;padding:2.5rem 2rem}.welcome{display:grid;grid-template-columns:1.15fr 1fr;gap:5rem;align-items:start;padding:2rem 0}.welcome>section:first-child>p{max-width:34rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.73rem;font-weight:750;color:#4e6a55}.panel{background:#fffdf8;border:1px solid #d9ddcf;border-radius:18px;padding:1.8rem;box-shadow:0 5px 18px #263d2c05}.muted{color:#54665a;font-size:.9rem}.sample{display:flex;padding:2.4rem 1rem}.sample-card{display:flex;align-items:center;justify-content:center;border:6px solid white;border-radius:15px;width:100px;height:145px;font-size:2.8rem;font-weight:800;box-shadow:0 6px 14px #142d3020;transform:rotate(-14deg)}.sample-card:nth-child(2){transform:rotate(4deg);margin-left:-15px}.sample-card:nth-child(3){transform:rotate(18deg);margin-left:-15px}.red{background:#8c242b;color:#fff}.blue{background:#174d7c;color:#fff}.green{background:#25573b;color:#fff}.yellow{background:#f2d568;color:#3b3215}.wild{background:#393547;color:#fff}.layout{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(240px,1fr);gap:1.4rem}.title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.title-row h1{font-size:clamp(1.8rem,3vw,2.5rem)}.title-row>p{font-size:.8rem}.turn{font-size:1.15rem;font-weight:650;background:#eaf0e5;border-radius:9px;padding:.7rem}.table{display:flex;align-items:center;gap:2rem;padding:1.4rem 0 2rem}.display-card{margin-top:.5rem}.card{border:2px solid #ffffff;border-radius:11px;min-width:100px;min-height:135px;max-width:155px;display:flex;align-items:center;justify-content:center;padding:.7rem;text-align:center;font-weight:700;box-shadow:0 1px 5px #142d3020;line-height:1.4}.card:disabled{opacity:1;filter:saturate(.55);border:2px dashed #a6aea1}.card:disabled:after{content:""}.card:not(:disabled):hover{outline:2px solid #245c48;color:#162e2c}.hand{display:flex;flex-wrap:wrap;gap:.55rem;list-style:none;padding:0}.hand li{display:flex}.actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.players{list-style:none;padding:0}.players li{padding:.8rem 0;border-bottom:1px solid #e0e3d8}.players span{display:block;font-size:.8rem;color:#54665a}.players button{font-size:.75rem;margin-top:.4rem}.messages{font-size:.9rem;padding-left:1.1rem}.history{margin-top:1.4rem}.history ol{max-height:20rem;overflow:auto;padding-left:1.4rem}.history li{padding:.3rem 0}.check{display:flex;gap:.6rem;align-items:center}.check input{width:1.2rem;min-height:1.2rem;margin:0}.rules{margin:2rem 0}summary{cursor:pointer;padding:.5rem 0;font-weight:650}fieldset{border:1px solid #a4b4a6;border-radius:9px;margin:1rem 0}fieldset button{margin:.3rem}.uno-window{border-left:4px solid #956212;background:#faf0d5;padding:.7rem 1rem;margin:.7rem 0}.uno-window p{margin:0 0 .5rem}.error{border:1px solid #a42b30;background:#fff1ed;color:#7b1a20;border-radius:9px;padding:1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:-100px;left:1rem;background:#fff;padding:1rem;z-index:10}.skip:focus{top:1rem}footer{max-width:1280px;margin:auto;padding:2rem;color:#54665a;border-top:1px solid #d7dcd0;font-size:.8rem}@media(max-width:800px){.welcome,.layout{grid-template-columns:1fr;gap:1.4rem}.welcome{padding:0}.sample{display:none}main{padding:1.5rem 1rem}header{padding:1rem}.panel{padding:1.2rem}.title-row{display:block}.table{gap:1rem;flex-wrap:wrap}.card{min-width:87px;min-height:115px;font-size:.9rem}.badge{font-size:.65rem}.title-row>p{margin-top:-.5rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media(forced-colors:active){.card,.panel,button{border:2px solid CanvasText}}