@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Patrick+Hand&display=swap";
:root{--linen:#f5ecdc;--paper:#fff9ed;--ink:#2d211a;--muted:#765f50;--wood:#56321f;--wood-dark:#352016;--forest:#315b43;--brick:#8c4534;--ochre:#b87832;--line:#d9bea0;--shadow:0 5px 13px #40251625}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#d8c4a7}body{color:var(--ink);background-color:var(--linen);background-image:radial-gradient(circle at 18% 12%,#fff9 0 1px,#0000 1.5px),radial-gradient(circle at 78% 62%,#70421d10 0 1px,#0000 1.5px),repeating-linear-gradient(93deg,#0000 0 16px,#6f482009 17px,#0000 18px 34px);background-size:25px 29px,31px 37px,auto;margin:0;font-family:DM Sans,Arial,sans-serif}button,input,select,textarea{font:inherit}button{min-height:48px;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;transition:transform .12s,background-color .16s,color .16s,box-shadow .16s}button:active:not(:disabled){transform:translateY(1px)scale(.985)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #b36f31}a{color:var(--forest)}h1,h2{letter-spacing:.01em;font-family:Patrick Hand,cursive;font-weight:400}.page{background-color:#f8efe1cc;background-image:linear-gradient(90deg,#fff3,#0000 12% 88%,#75471b09);max-width:720px;min-height:100dvh;margin:auto;padding:0 18px 104px;position:relative}.hero{isolation:isolate;color:#fff8e9;background-color:var(--wood-dark);background-image:repeating-linear-gradient(118deg,#0000 0 18px,#8b573019 19px 22px,#0000 23px 42px),linear-gradient(90deg,#2e1b12,#5c3520 50%,#392116);border-bottom:4px solid #2d1a11;align-items:center;gap:11px;min-height:88px;margin:0 -18px 25px;padding:22px 20px;display:flex;position:relative;box-shadow:0 5px 13px #38221532}.hero:after{content:"";z-index:-1;background:radial-gradient(at 70% 20%,#d69c5730,#0000 48%);position:absolute;inset:0}.hero h1{white-space:nowrap;text-shadow:0 2px #1e100d;margin:0;font-size:clamp(32px,9vw,42px);line-height:1}.hero svg{filter:drop-shadow(0 2px #1e100d);flex:none}.chooser{gap:13px;display:grid}.chooser p{margin:3px 0 0;font-weight:700}.chooser p span,.filter-select span,.scores legend span{color:var(--muted);font-size:13px;font-weight:400}.count-picker,.duration-picker{border:1px solid var(--line);background:#fffaf0;border-radius:6px;display:flex;overflow:hidden;box-shadow:inset 0 1px #fff,0 2px 5px #4a2c1710}.count-picker button,.duration-picker button{border-right:1px solid #ead6bc;flex:1;min-width:0;position:relative}.count-picker button:last-child,.duration-picker button:last-child{border-right:0}.count-picker button{font-size:18px}.duration-picker button{padding:3px;font-size:12px;line-height:1.15}.count-picker .chosen,.duration-picker .chosen{color:#fff;background:var(--forest);box-shadow:inset 0 0 0 1px #254632}.primary{isolation:isolate;color:#fffaf0;background-color:var(--wood);text-shadow:0 1px #25130c;background-image:repeating-linear-gradient(102deg,#0000 0 21px,#bd825010 22px 24px,#0000 25px 46px),linear-gradient(#68402a,#4a2a1b);border:1px solid #2d190f;border-radius:5px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:56px;padding:10px 18px;font-weight:700;display:flex;position:relative;box-shadow:inset 0 1px #a87552,0 5px 10px #3c211f2c}.primary:hover:not(:disabled){background-color:#633c27;box-shadow:inset 0 1px #b68462,0 6px 14px #3c211f38}.primary:active:not(:disabled){background:#3b2418;box-shadow:inset 0 2px 5px #160d08}.chooser .primary{margin-top:7px}.text-action{min-height:44px;color:var(--wood);text-align:center;text-underline-offset:4px;margin:8px auto;padding:9px 5px;font-weight:700;-webkit-text-decoration:underline #b47c52;text-decoration:underline #b47c52;display:block}.result{text-align:center;margin:30px auto;animation:.25s ease-out both deal-in}.result .cover{margin:auto}.result h2{margin:13px 0 0;font-size:40px;line-height:1}.result p,.muted{color:var(--muted)}@keyframes deal-in{0%{opacity:0;transform:translateY(10px)rotate(-.5deg)}to{opacity:1;transform:none}}.cover{aspect-ratio:.77;color:#fbe7bf;text-align:center;background:linear-gradient(145deg,#795036,#322015);border:1px solid #5b3823;border-radius:2px;justify-content:center;align-items:center;width:100%;padding:10px;font:clamp(18px,5vw,26px)/1.05 Patrick Hand,cursive;display:flex;overflow:hidden;box-shadow:2px 4px 9px #341c1042}.cover:not(.has-image):nth-child(3n){background:linear-gradient(145deg,#455e46,#1b2e24)}.cover.has-image{background:#e9dbc7;border-color:#d2baa0;padding:0}.cover img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;display:block}.cover-large{width:min(65vw,278px);font-size:42px;box-shadow:4px 8px 18px #2e190f42}.list-top{border-bottom:1px solid #d5b793;justify-content:space-between;align-items:center;padding:24px 0 15px;display:flex}.list-top h1{margin:0;font-size:46px;line-height:1}.list-top small{color:var(--muted);font:400 16px DM Sans,sans-serif}.list-top div{gap:2px;display:flex}.list-top button,.detail-top button,.sheet-close{justify-content:center;align-items:center;width:48px;display:flex}.library-filters{border-bottom:1px solid var(--line);padding:12px 0 2px}.library-filters .search-field{margin-bottom:4px}.game-grid{background-color:#ead9c1;background-image:linear-gradient(90deg,#6d442516,#0000 9% 91%,#6d442516);border-inline:1px solid #9d745038;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 10px;padding:18px 9px 14px;display:grid}.game-tile{text-align:left;min-width:0;min-height:0;padding:0 0 13px;position:relative}.game-tile:after{content:"";background:linear-gradient(#805333,#4a2b1b);border-top:1px solid #8b5c36;height:8px;position:absolute;bottom:0;left:-5px;right:-5px;box-shadow:0 3px 4px #40261745}.game-tile span{color:#3b2a21;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:12px;display:block;overflow:hidden}.game-tile:hover .cover{transform:translateY(-2px);box-shadow:3px 7px 12px #341c104a}.game-tile .cover{transition:transform .16s,box-shadow .16s}.detail-page{text-align:center;background-image:linear-gradient(90deg,#fff3,#0000 14% 86%,#75471b0d)}.detail-top{color:#fff7e7;background-color:#45291b;background-image:repeating-linear-gradient(110deg,#0000 0 24px,#c28b5612 25px 28px,#0000 29px 54px);border-bottom:3px solid #2c190f;justify-content:space-between;min-height:62px;margin:0 -18px;padding:7px 12px;display:flex;box-shadow:0 4px 12px #3921162b}.detail-top button:first-child{gap:0;width:auto}.detail-page>.cover{outline-offset:7px;outline:9px solid #6a432a;margin:25px auto 17px;box-shadow:0 0 0 8px #d1af83,5px 10px 24px #2d190f45}.game-title{margin:27px 0 15px;font-size:50px;line-height:.95}.facts{border-block:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:0;padding:12px 0;display:flex}.facts span{align-content:start;justify-items:center;gap:2px;min-width:92px;padding:0 11px;font-size:13px;display:grid;position:relative}.facts span+span:before{content:"";background:var(--line);width:1px;position:absolute;top:6px;bottom:6px;left:0}.facts svg{width:22px;height:22px;color:var(--wood)}.facts small{color:var(--muted);font-size:11px}.game-meta{color:var(--muted);justify-content:center;gap:20px;margin:17px 0;display:flex}.running{border:1px solid var(--line);box-shadow:var(--shadow);background-color:#fff8e9;background-image:radial-gradient(circle at 20% 30%,#8e5b2520 0 1px,#0000 1.5px);background-size:27px 31px;border-radius:5px;margin:19px 0;padding:19px 16px 15px}.running small{color:var(--muted);font-family:Patrick Hand,cursive;font-size:21px;display:block}.running strong{font-variant-numeric:tabular-nums;letter-spacing:3px;margin:2px 0 14px;font-size:40px;display:block}.active-play{color:#fff;background:var(--forest);font-variant-numeric:tabular-nums;border-radius:0;width:calc(100% + 36px);margin:0 -18px;padding:9px 12px;box-shadow:0 3px 7px #243b2d35}.game-stats,.rules{text-align:left;border-top:2px solid var(--wood);margin:36px 0 18px;padding-top:25px;position:relative}.game-stats:before,.rules:before{content:"◆";color:var(--ochre);background:var(--linen);padding:0 9px;font-size:12px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.game-stats h2,.rules h2{margin:0 0 8px;font-size:38px}.game-stats h3{margin:22px 0 3px;font-size:18px}.game-stats>p{color:var(--muted)}.rules-link{align-items:center;gap:10px;min-height:48px;font-weight:700;text-decoration:none;display:flex}.rules-link svg{width:19px;height:19px}.rules .search-field{margin-top:11px}.rule-result{border-bottom:1px solid var(--line);padding:14px 0}.rule-result h3{margin:0 0 6px}.rule-result p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;line-height:1.5}.rule-result a{margin-top:7px;display:inline-block}.rule-result mark{color:inherit;background:#eecb7b}.rules .text-action{text-align:left;min-height:42px;margin:8px 0 0}.file-action{cursor:pointer}.file-action input{display:none}.search-field{border-bottom:2px solid #b68b63;align-items:center;gap:9px;min-height:48px;margin:0 0 15px;display:flex}.search-field input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:16px}.filter-select{align-items:center;gap:8px;min-height:48px;font-weight:700;display:flex}.filter-select select{max-width:55%;min-height:44px;color:var(--ink);border:1px solid var(--line);background:#fffaf0;border-radius:4px;margin-left:auto;padding:0 31px 0 10px}input,select,textarea{caret-color:var(--forest)}.bottom-nav{z-index:3;width:min(720px,100%);height:80px;padding:10px 18px calc(8px + env(safe-area-inset-bottom));border-top:5px solid var(--wood);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fff8e9f5;background-image:linear-gradient(#fff8e9e8,#f0dfc9f2);justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -5px 16px #41271926}.bottom-nav button{color:#806a59;align-content:center;justify-items:center;gap:1px;min-width:78px;font-size:12px;display:grid;position:relative}.bottom-nav svg{width:22px;height:22px}.bottom-nav .active{color:var(--forest);font-weight:700}.bottom-nav .active:before{content:"";background:var(--forest);width:42px;height:4px;position:absolute;top:-10px;box-shadow:0 1px #fff}.sheet-backdrop{z-index:5;background:#221710ad;align-items:flex-end;animation:.16s ease-out fade-in;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:720px;max-height:90dvh;padding:30px 20px calc(24px + env(safe-area-inset-bottom));border-top:4px solid var(--wood);background-color:var(--paper);background-image:radial-gradient(circle at 20% 30%,#8e5b2515 0 1px,#0000 1.5px),linear-gradient(90deg,#fff8,#0000 15% 85%,#8b592012);background-size:29px 31px,auto;border-radius:10px 10px 0 0;margin:0 auto;animation:.22s ease-out sheet-up;position:relative;overflow:auto;box-shadow:0 -12px 35px #1e100d50}.sheet:before{content:"";background:#b99773;width:42px;height:3px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.sheet h2{text-align:center;white-space:nowrap;margin:5px 34px 20px;font-size:clamp(35px,10vw,40px);line-height:1}.sheet-close{z-index:1;position:absolute;top:12px;right:10px}.player-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:15px 0 19px;display:grid}.player-grid button{background:#fffaf0;border:1px solid #d2b18d;border-radius:4px;padding:7px 26px 7px 10px;font-weight:700;position:relative;box-shadow:inset 0 1px #fff,0 2px 4px #53301512}.player-grid .chosen{color:#fff;background:var(--forest);border-color:#244b36;animation:.16s ease-out select-pop;box-shadow:inset 0 1px #63866e,0 3px 7px #2545322d}.player-grid .chosen:after{content:"✓";font-size:18px;position:absolute;right:10px}.player-sheet .player-search{margin-bottom:4px}.selected-players{flex-wrap:wrap;gap:7px;margin:0 0 13px;display:flex}.selected-players button{color:#fff;background:var(--forest);border:1px solid #244b36;border-radius:3px;align-items:center;gap:5px;min-height:38px;padding:5px 8px 5px 11px;font-weight:700;animation:.16s ease-out select-pop;display:flex;box-shadow:0 2px 5px #25453225}.selected-players svg{width:16px;height:16px}.known-player-list{border-block:1px solid var(--line);max-height:190px;margin-bottom:12px;overflow:auto}.known-player-list button{text-align:left;border-bottom:1px solid #ead6bc;justify-content:space-between;align-items:center;width:100%;min-height:49px;padding:5px 8px 5px 3px;display:flex}.known-player-list button:last-child{border-bottom:0}.known-player-list button:hover{color:var(--forest);background:#f1e5d2}.known-player-list svg{width:19px;height:19px}.player-empty{text-align:center;margin:11px 0}.player-sheet .add-player{padding-top:3px}.add-player{gap:8px;margin:10px 0 20px;display:flex}.add-player input{background:#fffdf7;border:1px solid #cdaa84;border-radius:4px;flex:1;min-width:0;height:49px;padding:10px}.add-player button{color:#fff;background:var(--forest);border:1px solid #244b36;border-radius:4px;place-items:center;width:49px;display:grid;box-shadow:0 3px 6px #23422f2c}.finished-time{text-align:center;font-variant-numeric:tabular-nums}.form-sheet{gap:12px;display:grid}.form-sheet h2{margin-bottom:4px}.form-sheet label{gap:5px;font-size:14px;font-weight:700;display:grid}.form-sheet input,.form-sheet select,.form-sheet textarea{width:100%;min-height:47px;color:var(--ink);background:#fffdf8;border:1px solid #cdaa84;border-radius:4px;padding:9px 10px;box-shadow:inset 0 1px 3px #59361c12}.form-sheet input[type=file]{padding:7px}.two-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.remove-game{color:var(--brick);justify-content:center;align-items:center;gap:8px;display:flex}.scores{border:0;margin:18px 0;padding:0}.scores legend{margin-bottom:8px;font-weight:700}.scores label{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:53px;display:flex}.scores label span{flex:1}.scores input{text-align:right;background:#fffdf8;border:1px solid #cdaa84;border-radius:4px;width:105px;min-height:42px;padding:7px 10px}.replay-sheet{text-align:center}.replay-sheet p{margin:0 0 20px}.danger{color:var(--brick)}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{opacity:.75;transform:translateY(28px)}}@keyframes select-pop{50%{transform:scale(1.025)}}.stats{padding:26px 0}.stats h1{margin:0 0 16px;font-size:50px;line-height:1}.stats>strong{border-left:5px solid var(--wood);background:#fff8e994;padding:15px 14px 2px;font-size:28px;display:block}.stats>p{color:var(--muted);border-left:5px solid var(--wood);background:#fff8e994;margin:0;padding:3px 14px 15px}.stats h2{border-bottom:2px solid var(--wood);margin:30px 0 4px;padding-bottom:5px;font-size:35px;position:relative}.stats h2:after{content:"";background:var(--ochre);width:56px;height:3px;position:absolute;bottom:-5px;left:0}.stat-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:12px 3px;display:flex}.stat-row span{color:var(--muted);text-align:right;font-size:13px}.error{z-index:10;color:#fff;background:var(--brick);border:1px solid #63291f;border-radius:4px;width:min(95vw,600px);min-height:48px;padding:10px 45px 10px 14px;position:fixed;top:10px;left:50%;transform:translate(-50%);box-shadow:0 5px 14px #0003}.error button{color:#fff;position:absolute;top:0;right:3px}.muted{line-height:1.45}.login-page{min-height:100dvh;color:var(--ink);background-color:#392216;background-image:repeating-linear-gradient(112deg,#0000 0 28px,#bf845617 29px 32px,#0000 33px 61px),radial-gradient(circle at 50% 20%,#a06b3f4d,#0000 45%);place-items:center;padding:24px 18px;display:grid}.login-panel{text-align:center;border:1px solid #d4b28a;border-top:7px solid var(--wood);background-color:var(--paper);background-image:radial-gradient(circle at 20% 30%,#8e5b2514 0 1px,#0000 1.5px);background-size:29px 31px;border-radius:5px;width:min(100%,390px);padding:34px 25px 28px;box-shadow:0 18px 45px #160c0866}.login-dice{width:34px;height:34px;color:var(--wood)}.login-panel>p{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin:8px 0 0;font-size:14px}.login-panel h1{margin:0 0 28px;font-size:47px;line-height:1}.login-panel form{text-align:left}.login-panel label{font-weight:700}.password-field{background:#fffdf7;border:1px solid #bd966d;border-radius:4px;align-items:center;gap:9px;height:50px;margin:7px 0 14px;padding:0 11px;display:flex;box-shadow:inset 0 1px 3px #59361c12}.password-field:focus-within{outline-offset:2px;outline:3px solid #b36f31}.password-field svg{width:20px;color:var(--wood)}.password-field input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%}.login-error{color:var(--brick);margin:0 0 12px;font-weight:600}@media (min-width:600px){.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{margin-inline:-24px}.page{padding-inline:24px}.detail-top{margin-inline:-24px}.active-play{width:calc(100% + 48px);margin-inline:-24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}