:root{color:#10231f;background:#0f4c3a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:1px solid #c9d6d0;border-radius:8px;background:#fffdf8;color:#10231f;cursor:pointer;min-height:38px;padding:0 13px;transition:box-shadow .12s ease,transform .12s ease,border-color .12s ease}button:hover:not(:disabled){border-color:#74b89f;box-shadow:0 6px 16px #10231f1f;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{background:linear-gradient(135deg,rgba(255,255,255,.08) 25%,transparent 25%) 0 0 / 24px 24px,linear-gradient(225deg,rgba(255,255,255,.06) 25%,transparent 25%) 0 0 / 24px 24px,#0f4c3a;min-height:100vh}.error-screen{color:#fffdf8;display:grid;font-size:24px;font-weight:900;place-items:center;text-align:center}.topbar{align-items:center;background:#fffdf8;border-bottom:4px solid #f8c33a;box-shadow:0 10px 30px #06211b2e;display:flex;gap:24px;justify-content:space-between;padding:18px 24px}.brand{align-items:center;display:flex;gap:16px;min-width:0}.logo-mark{align-items:flex-end;background:#26322f;border:3px solid #16211d;border-radius:8px;box-shadow:inset 0 -5px #ffffff14,0 10px 18px #10231f2e;display:flex;gap:4px;height:58px;padding:7px 8px;position:relative}.logo-mark:after{background:#f8c33a;border-radius:999px;bottom:5px;content:"";height:5px;left:8px;position:absolute;right:8px}.logo-tile{align-items:center;background:#fffdf8;border:1px solid #d7ded9;border-radius:6px;display:grid;font-size:14px;font-weight:900;height:38px;justify-items:center;line-height:1;position:relative;width:30px;z-index:1}.logo-blue{color:#1267d6;transform:rotate(-5deg)}.logo-red{color:#c82922;transform:rotate(4deg)}.logo-black{background:#13201d;color:#fffdf8;transform:rotate(3deg)}.logo-spark{background:#f8c33a;border-radius:999px;color:#13201d;font-size:10px;font-weight:900;padding:4px 5px;position:absolute;right:-10px;top:-8px}.brand-copy{min-width:0}.eyebrow{color:#0f766e;font-size:12px;font-weight:900;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}h1{font-size:27px;line-height:1.05;margin:0 0 5px}p{margin:0}.topbar p{color:#52645e;max-width:680px}.topbar-actions,.button-row,.panel-header,.meld-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.topbar-actions{justify-content:flex-end}label{color:#52645e;display:grid;font-size:13px;font-weight:700;gap:4px}label input[type=number]{border:1px solid #b9cbc4;border-radius:8px;height:38px;padding:0 10px;width:86px}.checkbox{align-items:center;background:#f1fbf6;border:1px solid #c7e8da;border-radius:999px;color:#10231f;display:flex;flex-direction:row;gap:8px;min-height:38px;padding:0 12px}.workspace{display:grid;gap:16px;grid-template-columns:280px minmax(0,1fr);padding:16px}.panel{background:#fffdf8;border:1px solid rgba(255,255,255,.56);border-radius:8px;box-shadow:0 12px 26px #06211b2e;padding:14px}.tile-picker{background:#fff8df;border-color:#ffe08a;grid-row:span 3}.hand-panel{border-top:5px solid #1267d6}.board-panel{border-top:5px solid #0f9f6e}.solver-panel{border-top:5px solid #f8c33a}.panel-header{justify-content:space-between;margin-bottom:12px}.panel-title{color:#10231f;font-size:14px;font-weight:900;margin-bottom:12px;text-transform:uppercase}.panel-header .panel-title{margin-bottom:0}.pill{background:#e8f8f1;border:1px solid #b7e4d1;border-radius:999px;color:#0c614a;font-size:12px;font-weight:800;padding:5px 9px}.segmented{display:grid;gap:7px;grid-template-columns:repeat(2,1fr);margin-bottom:10px}.segmented.compact{grid-template-columns:repeat(2,1fr)}.segmented button{font-weight:800;text-transform:capitalize}.segmented .active,.primary{background:#1267d6;border-color:#1267d6;color:#fff}.primary{box-shadow:0 10px 20px #1267d642;font-weight:900}.solver .primary:first-of-type{background:linear-gradient(135deg,#1267d6,#0f766e);border:0;min-height:48px}.secondary{background:#fff8df;border-color:#f3ca52;font-weight:800}.tile-grid{display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-top:10px}.tile-grid.jokers{grid-template-columns:repeat(2,1fr)}.tile-row{align-items:center;display:flex;flex-wrap:wrap;gap:9px;min-height:56px}.tile{align-items:center;background:#fffdf8;border:1px solid #d5dfda;border-bottom:4px solid #b5c5bd;border-radius:8px;box-shadow:0 5px 10px #10231f1f;display:grid;height:51px;justify-items:center;line-height:1;min-height:51px;padding:3px 5px;width:50px}.tile:hover:not(:disabled){box-shadow:0 8px 14px #10231f2e}.tile[draggable=true]{cursor:grab}.tile[draggable=true]:active{cursor:grabbing}.tile span{font-size:19px;font-weight:950}.tile small{font-size:10px;font-weight:900;opacity:.66}.tile.red{color:#c82922}.tile.blue{color:#1267d6}.tile.black{color:#14211e}.tile.orange{color:#e16f1d}.tile.joker{background:#14211e;border-color:#31433f;border-bottom-color:#050b09;color:#fffdf8;width:70px}.tile.selected{box-shadow:0 0 0 4px #f8c33a,0 8px 14px #10231f2e}.tile.dragging{opacity:.5}.drop-zone{border:1px dashed transparent;border-radius:8px;margin:-4px;padding:4px;transition:background-color .12s ease,border-color .12s ease}.drop-zone.drop-active{background:#eaf8ff;border-color:#1267d6}.panel.drop-zone{margin:0;padding:14px}.hand,.board,.solver{min-width:0}.button-row{margin-top:12px}.meld-list,.target-board{display:grid;gap:10px}.meld,.target-meld{background:#f8fffb;border:1px solid #d8e8df;border-radius:8px;padding:10px}.meld-header{justify-content:space-between;margin-bottom:8px}.meld-header strong,.target-meld strong{color:#17362e}.empty,.timestamp{color:#60736c;font-size:13px}.errors{background:#fff0ed;border:1px solid #ffb5a8;border-radius:8px;color:#a21d18;margin-top:12px;padding:10px}.solver{display:grid;gap:12px}.solver-note{color:#52645e;font-size:13px;line-height:1.35}.solver-note a{color:#1267d6;font-weight:800;text-decoration:none}.solver-note a:hover{text-decoration:underline}.result{border-radius:8px;padding:12px}.result.draw{background:#fff8df;border:1px solid #f3ca52}.result.play{background:#eaf8ff;border:1px solid #a9d8ff;display:grid;gap:12px}.footer{align-items:center;color:#e9fff7;display:grid;gap:10px;justify-items:center;padding:8px 16px 24px;text-align:center}.footer a{color:#f8c33a;font-weight:900;text-decoration:none}.footer a:hover{text-decoration:underline}.footer-rack{align-items:end;background:#14211e;border-radius:8px;box-shadow:inset 0 -5px #f8c33ae6,0 10px 24px #06211b3d;display:flex;gap:4px;padding:8px 10px 10px}.footer-rack span{align-items:center;background:#fffdf8;border:1px solid #d5dfda;border-bottom:4px solid #b5c5bd;border-radius:6px;color:#1267d6;display:grid;font-size:13px;font-weight:950;height:30px;justify-items:center;width:24px}.footer-rack span:nth-child(1),.footer-rack span:nth-child(4){color:#c82922;transform:rotate(-4deg)}.footer-rack span:nth-child(2),.footer-rack span:nth-child(5){color:#0f9f6e;transform:rotate(3deg)}.footer-rack span:nth-child(3){color:#14211e;transform:translateY(-3px) rotate(6deg)}@media(max-width:900px){.topbar,.workspace{grid-template-columns:1fr}.topbar{align-items:flex-start;display:grid}.brand{align-items:flex-start}.tile-picker{grid-row:auto}}