:root{--content-width:min(480px, calc(100vw - 32px))}body{flex-direction:column;align-items:center;padding-top:10vh;display:flex}#home{width:var(--content-width);margin:0 auto}#title-bar{color:var(--fg);flex-direction:row;justify-content:space-between;display:flex}#title-bar img{cursor:pointer;width:28px;height:28px;margin:auto 0;display:block}#logged-out-msg{color:var(--text);text-align:center;margin:16px 0 0;font-size:.95em}#new-game-btn{background:var(--accent);width:fit-content;color:var(--bg);font:inherit;cursor:pointer;border:none;border-radius:999px;margin:16px 0 0 auto;padding:10px 20px;font-weight:600;transition:transform 50ms;display:block}#new-game-btn[hidden]{display:none}#new-game-btn:active{transform:scale(.97)}#game-selection{flex-direction:column;align-items:center;gap:8px;width:100%;margin:0;padding:0;list-style:none;display:flex}#game-list{margin:0;padding:1em 0 0;list-style:none}#game-selection ul li{width:var(--content-width);background:var(--tile-bg);border:1px solid var(--border);border-radius:999px;transition:background .12s;display:block}#game-selection ul li:hover{background:var(--tile-bg-hover)}#game-selection ul li.solo{background:var(--solo-bg);border-color:var(--solo-border)}#game-selection ul li.my-turn{background:var(--turn-bg);border-color:var(--turn-border)}#game-selection ul li a{color:inherit;align-items:center;gap:12px;padding:10px 18px;text-decoration:none;display:flex}#game-selection ul li a span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-h);flex:auto;overflow:hidden}#game-selection ul li a span:last-child{white-space:nowrap;color:var(--text);font-variant-numeric:tabular-nums;flex:none;font-size:.85em}#about-popover,#game-creation-popover{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;width:min(360px,90vw);padding:28px 32px}#about-popover{width:min(480px,90vw);max-height:min(600px,80vh)}#about-popover:popover-open{flex-direction:column;display:flex}#about-popover .popover-header{flex:none}#about-popover::backdrop,#game-creation-popover::backdrop{background:#00000073}#home-auth{justify-content:center;margin:12px 0 0;display:flex}#home-auth[hidden]{display:none}#about-content{flex:auto;font-size:.95em;line-height:1.5;overflow-y:auto}#about-content p{margin:0 0 .8em}#about-content p:last-child{margin-bottom:0}#about-content a{color:var(--accent)}#about-content .verbatim{font-family:var(--mono);background:var(--tile-bg);border:1px solid var(--border);border-radius:4px;padding:.1em .4em;font-size:.9em}#create-form{flex-direction:column;gap:8px;display:flex}#create-form label{color:var(--text);font-size:.85em}#create-form select,#create-form input[type=password]{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);font:inherit;border-radius:6px;margin-bottom:8px;padding:8px 10px;font-size:.95em}:is(#create-form select,#create-form input[type=password]):focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}#create-form #create-error{color:#c0392b;padding:6px 0;font-size:.85em}#create-form #create-error[hidden]{display:none}#create-form #create-btn{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:6px;margin-top:4px;padding:10px;font-size:.95em;font-weight:600}#create-form #create-btn:hover{opacity:.88}#create-form #create-btn:disabled{opacity:.55;cursor:default}@media (prefers-color-scheme:dark){#create-error{color:#ff7675}}