:root{--sea:#0f2233;--sea-light:#1b3a55;--paper:#f1e2bd;--paper-dark:#dcc894;--ink:#2b1d12;--ink-soft:#6b5238;--gold:#e2b33c;--red:#c0392b;--green:#3f8a4b;--outline:#1b1420}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--sea);min-height:100dvh;color:var(--paper);background-image:repeating-linear-gradient(0deg,#0000 0 22px,#ffffff08 22px 24px);margin:0;font-family:ui-monospace,Cascadia Mono,DejaVu Sans Mono,Menlo,Consolas,monospace;font-size:16px;line-height:1.45}h1,h2,h3{letter-spacing:.02em;margin:0 0 .5rem;line-height:1.2}h1{color:var(--gold);text-shadow:2px 2px 0 var(--outline);font-size:1.4rem}h2{font-size:1.1rem}a{color:inherit}p{margin:0 0 .75rem}.page{max-width:34rem;margin:0 auto;padding:1rem 1rem 5.5rem}.page.wide{max-width:68rem;padding-bottom:2rem}.card{background:var(--paper);color:var(--ink);border:3px solid var(--outline);margin-bottom:1rem;padding:1rem;box-shadow:4px 4px #00000073}.card>:last-child{margin-bottom:0}.muted{color:var(--ink-soft);font-size:.85rem}.sea .muted,body>.page>.muted{color:#9db4c7}.quest-text{overflow-wrap:anywhere;margin:.5rem 0 1rem;font-size:1.25rem;font-weight:700}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.row.between{justify-content:space-between}.stack{gap:.75rem;display:grid}.grow{flex:8rem;min-width:0}button,.button{font:inherit;color:var(--ink);background:var(--gold);border:3px solid var(--outline);cursor:pointer;justify-content:center;align-items:center;min-height:2.75rem;padding:.6rem .9rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:3px 3px #00000073}button:active,.button:active{transform:translate(2px,2px);box-shadow:1px 1px #00000073}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--green);color:#fff;width:100%;min-height:3.25rem;font-size:1.1rem}button.secondary,.button.secondary{background:var(--paper-dark)}button.danger{background:var(--red);color:#fff}button.small,.button.small{min-height:2.25rem;padding:.3rem .6rem;font-size:.85rem}input,select,textarea{font:inherit;color:var(--ink);border:3px solid var(--outline);background:#fffaf0;width:100%;min-height:2.75rem;padding:.55rem .6rem}input[type=checkbox]{width:1.4rem;height:1.4rem;min-height:1.4rem;padding:0}textarea{resize:vertical;min-height:5rem}label{gap:.25rem;font-size:.85rem;font-weight:700;display:grid}label.check{align-items:center;gap:.5rem;display:flex}.badge{border:2px solid var(--outline);background:var(--paper-dark);white-space:nowrap;padding:.05rem .4rem;font-size:.75rem;font-weight:700;display:inline-block}.badge.leicht,.badge.on{background:#a9d6a0}.badge.mittel{background:#f0d27a}.badge.schwer,.badge.off{background:#e8a39a}.error{background:var(--red);color:#fff;border:3px solid var(--outline);margin-bottom:1rem;padding:.6rem .8rem;font-weight:700}.nav{background:var(--outline);border-top:3px solid var(--gold);padding-bottom:env(safe-area-inset-bottom);z-index:10;display:flex;position:fixed;bottom:0;left:0;right:0}.nav a{text-align:center;color:var(--paper);flex:1;padding:.85rem .25rem;font-size:.9rem;font-weight:700;text-decoration:none}.nav a.current{color:var(--outline);background:var(--gold)}.tabs{gap:.4rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.tabs a{flex:none}.list{margin:0;padding:0;list-style:none}.list>li{border-bottom:2px dashed var(--paper-dark);padding:.6rem 0}.list>li:last-child{border-bottom:0;padding-bottom:0}.list>li:first-child{padding-top:0}.stats{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.stat{border:2px solid var(--outline);text-align:center;background:#fffaf0;padding:.5rem}.stat b{font-size:1.4rem;display:block}.bar{border:2px solid var(--outline);background:#fffaf0;height:.9rem}.bar>div{background:var(--gold);height:100%}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:2px dashed var(--paper-dark);vertical-align:top;padding:.4rem .5rem}th{white-space:nowrap}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}details>summary{cursor:pointer;font-weight:700}details.spoiler>summary{background:var(--outline);color:var(--paper);padding:.15rem .5rem;font-size:.85rem;list-style:none;display:inline-block}details.spoiler>summary::-webkit-details-marker{display:none}details.spoiler[open]>summary{display:none}canvas.pixel{image-rendering:pixelated;display:block}.rank-pos{text-align:right;flex:none;width:2rem;font-weight:700}@media (min-width:48rem){.cols{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}}.tabs a.current{background:var(--gold)}.notice{background:var(--green);color:#fff;border:3px solid var(--outline);margin-bottom:1rem;padding:.6rem .8rem;font-weight:700}.badge.rare{background:var(--gold)}.bottle{border-left:4px solid var(--sea-light);overflow-wrap:anywhere;background:#fffaf0;margin:.25rem 0;padding:.3rem .5rem;font-style:italic}.captain{background:var(--outline);color:var(--paper);border:3px solid var(--gold);margin-bottom:1rem;padding:.6rem .8rem}.captain .order{color:var(--gold);overflow-wrap:anywhere;font-size:1.1rem;font-weight:700}.dialog{background:var(--paper);width:min(26rem,100vw - 2rem);color:var(--ink);border:3px solid var(--outline);text-align:left;padding:1rem;font-size:1rem;font-weight:400;box-shadow:6px 6px #0009}.dialog::backdrop{background:#08121cbf}.dialog-message{overflow-wrap:anywhere;margin-bottom:1rem}.dialog-actions>button{flex:8rem}.battle{color:var(--paper);border:3px solid var(--red);background:#3a1620;gap:.4rem;margin-bottom:1rem;padding:.6rem .8rem;display:grid}.battle .bar>div{background:var(--red)}