*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0f0f0f;--color-surface:#1a1a1a;--color-border:#2e2e2e;--color-text:#e8e8e8;--color-muted:#555;--color-straw:#c8a96e;--color-selected:#e07030;--color-computer:#a0b4c8;--color-player:#7ec8a0;--color-won:#7ec8a0;--color-lost:#c87e7e;--straw-w:18px;--straw-h:52px;--straw-gap:10px;color:var(--color-text);background:var(--color-bg);font-family:Georgia,serif;font-size:16px}html,body{background:var(--color-bg);overscroll-behavior:none;height:100%}.app{height:100dvh;padding:env(safe-area-inset-top,1rem) 1.5rem env(safe-area-inset-bottom,1rem);padding-top:max(env(safe-area-inset-top), 1rem);padding-bottom:max(env(safe-area-inset-bottom), 1rem);touch-action:none;flex-direction:column;align-items:center;display:flex;overflow:hidden}.app-header{text-align:center;flex-shrink:0;width:100%;max-width:480px;padding:.75rem 0 .5rem}.app-header-row{justify-content:center;align-items:center;display:flex;position:relative}.app-header-actions{align-items:center;gap:.5rem;display:flex;position:absolute;right:0}.locale-picker{position:relative}.locale-dropdown{border:1px solid var(--color-border);z-index:50;background:#1c1c1c;border-radius:8px;min-width:9rem;position:absolute;top:calc(100% + .4rem);right:0;overflow:hidden}.locale-option{width:100%;color:var(--color-muted);text-align:left;cursor:pointer;background:0 0;border:none;padding:.6rem 1rem;font-family:inherit;font-size:.85rem;transition:background .1s,color .1s;display:block}.locale-option:hover{color:var(--color-text);background:#ffffff0d}.locale-option--active{color:var(--color-straw)}.btn-icon,.btn-rules{border:1px solid var(--color-border);width:2rem;height:2rem;color:var(--color-muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:1rem;transition:color .12s,border-color .12s;display:flex}.btn-icon:hover,.btn-rules:hover{color:var(--color-text);border-color:var(--color-muted)}.app-title{letter-spacing:.3em;color:var(--color-straw);font-size:2.2rem;font-weight:400}.app-subtitle{color:var(--color-muted);letter-spacing:.04em;margin-top:.2rem;font-size:.8rem}.app-main{flex-direction:column;flex:1;width:100%;max-width:480px;min-height:0;display:flex}.game-board{flex-direction:column;flex:1;justify-content:space-evenly;align-items:center;width:100%;min-height:0;padding:.5rem 0;display:flex}.turn-indicator{letter-spacing:.05em;text-align:center;flex-shrink:0;font-size:1rem}.turn-indicator--player{color:var(--color-player)}.turn-indicator--computer{color:var(--color-computer)}.turn-indicator--won{color:var(--color-won)}.turn-indicator--lost{color:var(--color-lost)}.swipe-hint{color:var(--color-muted);letter-spacing:.05em;text-align:center;flex-shrink:0;font-size:.75rem}.piles{flex-direction:column;flex-shrink:0;align-items:center;gap:0;width:100%;display:flex}.pile{width:100%}.pile-straws{justify-content:center;align-items:flex-end;gap:var(--straw-gap);cursor:crosshair;width:100%;height:calc(var(--straw-h) + 1.5rem);touch-action:none;border-radius:10px;flex-direction:row;padding:.75rem 1rem;transition:background .12s;display:flex;overflow:hidden}.pile-straws--active{background:#c8a96e12}.straw{width:var(--straw-w);height:var(--straw-h);background:var(--color-straw);pointer-events:none;border-radius:4px 4px 2px 2px;flex-shrink:0;transition:background 80ms;display:inline-block}.straw--selected{background:var(--color-selected)}@keyframes straw-exit{0%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(.1)}}.straw--exiting{background:var(--color-selected);transform-origin:bottom;pointer-events:none;animation:.38s ease-in forwards straw-exit}@keyframes straw-computer-exit{0%{opacity:1;background:var(--color-computer);transform:scaleY(1)}60%{opacity:1;background:var(--color-computer);transform:scaleY(1)}to{opacity:0;background:var(--color-computer);transform:scaleY(.1)}}.straw--computer-exiting{transform-origin:bottom;pointer-events:none;animation:.7s ease-in forwards straw-computer-exit}.game-actions{flex-shrink:0;gap:1rem;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;padding:.6rem 1.6rem;font-family:inherit;font-size:.9rem;transition:opacity .12s}.btn:hover{opacity:.8}.btn--primary{background:var(--color-straw);color:#0f0f0f;font-weight:600}.btn--ghost{border:1px solid var(--color-border);color:var(--color-muted);background:0 0}.modal-backdrop{z-index:100;background:#000000bf;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--color-border);background:#1c1c1c;border-bottom:none;border-radius:18px 18px 0 0;flex-direction:column;gap:1.25rem;width:100%;max-width:480px;max-height:80dvh;padding:1.5rem 1.5rem 2rem;display:flex;position:relative;overflow-y:auto}.modal-close{color:var(--color-muted);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.4rem;line-height:1;position:absolute;top:1rem;right:1rem}.modal-title{color:var(--color-straw);letter-spacing:.05em;font-size:1.2rem;font-weight:400}.modal-body{color:#bbb;flex-direction:column;gap:1rem;font-size:.9rem;line-height:1.6;display:flex}.modal-body section{flex-direction:column;gap:.35rem;display:flex}.modal-body h3{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);font-size:.8rem;font-weight:400}.modal-body strong{color:var(--color-text)}.modal-hint{color:var(--color-muted);font-size:.8rem;font-style:italic}.modal-cta{width:100%}.share-preview{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);letter-spacing:.02em;text-align:center;border-radius:10px;flex-direction:column;flex-shrink:0;align-items:center;gap:.15rem;padding:.8rem 1.2rem;font-size:.82rem;display:flex}.move-counter{color:var(--color-muted);text-align:center;min-height:1em;font-size:.78rem}