:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#bdaeae;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background:#9da6b1}h1{font-size:3.2em;line-height:1.1}#app{width:100%;max-width:none;margin:0;padding:0;text-align:left}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.gameplay-container{padding:16px}.phase-header{position:sticky;top:0;background:#111;color:#fff;padding:12px;font-size:1.3rem;text-align:center;border-bottom:2px solid #444;z-index:1000}.phase-content{padding-top:12px}.rule-card{background:#222;color:#fff;padding:12px;margin-bottom:6px;border-radius:6px;border:1px solid #333}.rule-card details summary{cursor:pointer;font-weight:700}.no-rules{font-style:italic;color:#ccc}.phase-buttons{display:flex;justify-content:space-between;margin-top:20px}.prev-button,.next-button{padding:12px 20px;font-size:1rem;border-radius:6px;border:none;cursor:pointer}.section-header{font-size:1.2rem;margin-top:16px;margin-bottom:8px;color:#291309}.phase-header{position:fixed;top:0;left:0;width:100vw;background:#111;color:#fff;padding:16px;font-size:1.5rem;text-align:center;border-bottom:2px solid #444;z-index:1000;box-sizing:border-box}.phase-content{padding-top:70px;padding-left:16px;padding-right:16px}.phase-header{box-shadow:0 2px 6px #00000080}.rule-details{margin-top:1px}.rule-details summary{list-style:none;cursor:pointer;display:flex;justify-content:flex-end;font-weight:700;position:relative}.rule-details summary:after{content:"▶";display:inline-block;transition:transform .2s ease}.rule-details p{margin:4px 0 0;padding-left:0}.rule-details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:700;padding:4px 0}.rule-card{background:#222;color:#fff;padding:4px 12px 12px;margin-bottom:6px;border-radius:6px;border:1px solid #333}.rule-details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1.2rem;padding:2px 0}.rule-details p{margin:4px 0 0;font-size:.9rem}.short-desc{margin:1px 0 0;font-size:.9rem}.rule-card em{display:block;font-size:.9rem;margin-top:1px;color:#ccc}.phase-buttons{position:fixed;bottom:16px;left:0;width:100vw;display:flex;justify-content:center;gap:16px;z-index:1000;pointer-events:auto}.prev-button,.next-button{padding:12px 20px;font-size:1rem;border-radius:6px;border:none;cursor:pointer;box-shadow:0 2px 6px #00000080}.prev-button{background:#555;color:#fff}.next-button{background:#07f;color:#fff}.phase-content{padding-left:16px;padding-right:16px;padding-bottom:80px}.rule-details p{margin:4px 0 0;font-size:.9rem;white-space:pre-wrap}.reminder-widget{position:fixed;right:12px;bottom:80px;background:#fffd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #444;border-radius:12px;width:260px;max-height:60vh;overflow-y:auto;box-shadow:0 4px 10px #00000040;z-index:9999}.reminder-list{padding:6px}.reminder-list-item{display:flex;justify-content:space-between;padding:6px 10px;margin:4px 0;background:#f4f4f4;border-radius:8px;cursor:pointer;border:1px solid #ccc;font-size:.9rem}.reminder-list-item:hover{background:#eaeaea}.reminder-list-item .arrow{font-size:.9rem;align-self:center}.reminder-expanded{padding:10px}.reminder-back{cursor:pointer;margin-bottom:10px;font-weight:700;color:#06c}.reminder-card{padding:10px;background:#fafafa;border-radius:10px;border:1px solid #ccc}.reminder-card strong{font-size:1rem}.reminder-full{margin-top:8px;font-size:.9rem;white-space:pre-line}.reminder-input{width:100%;min-height:60px;margin-top:10px;padding:6px;border-radius:6px;border:1px solid #888;resize:vertical;font-size:.9rem}.rule-card{width:100%;box-sizing:border-box;background:#222;padding:12px 16px;border-radius:8px;margin:10px 0;flex-shrink:0}.rule-card strong{font-size:1.1rem}.phase-content{width:100%;margin:0 auto;padding:80px 16px 120px;box-sizing:border-box}.rule-card{width:100%;max-width:100%;box-sizing:border-box;background:#222;padding:12px 16px;border-radius:8px;margin:10px 0}.rule-details{width:100%;display:block}.rule-details summary{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-weight:700;cursor:pointer;flex-shrink:0;box-sizing:border-box}.rule-details summary::marker{content:""}.rule-details summary:after{content:"▶";transition:transform .2s ease}.rule-details[open] summary:after{transform:rotate(90deg)}.rule-details p{width:100%;margin-top:8px;white-space:pre-wrap;box-sizing:border-box}.phase-content{width:100%;max-width:none;margin:0;padding:80px 16px 200px;box-sizing:border-box}.home-button{position:fixed;top:70px;left:16px;background:#333;color:#fff;padding:8px 14px;border-radius:6px;font-size:.9rem;text-decoration:none;z-index:1200;box-shadow:0 2px 4px #0006}.home-button:hover{background:#444}.home-button{position:fixed;top:70px;left:16px;padding:8px 14px;background:#333;color:#fff;border:1px solid #555;border-radius:6px;font-size:.9rem;cursor:pointer;z-index:2000;box-shadow:0 2px 6px #00000080}.notes-widget{position:fixed;bottom:0;left:0;width:100vw;background:#111;border-top:1px solid #444;padding:10px 10px 70px;box-sizing:border-box;z-index:999}.notes-header{margin:0 0 6px;font-size:1rem;color:#ddd}.notes-input{width:100%;height:100px;resize:none;background:#222;color:#fff;border:1px solid #555;padding:8px;font-size:.9rem;border-radius:6px;box-sizing:border-box}@media(max-width:500px){.notes-input{height:80px}}.cp-cost{font-weight:800;font-size:1rem;color:#727f92;margin-left:8px;white-space:nowrap}