/*////////////////////////////////////////////////////////////////////////////
// Version 1.0 Signed by Sid @ BENTO on 2025-09-11 T 23:26:46 -06:00
// Authentication (do not edit) $DJAAK7pr$
//////////////////////////////////////////////////////////////////////////////
//
// Copyright (c) 2025 by Sid Paral. All rights reserved
//
// Permission to use, copy, modify, and distribute this software for any
// purpose with or without fee is hereby granted, provided that the above
// copyright notice and this permission notice appear in all copies.
//
// THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
// WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
// MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
// ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
// WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
// ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
// OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
//
//////////////////////////////////////////////////////////////////////////////
//
// s2k.css
//
////////////////////////////////////////////////////////////////////////////*/

:root						{
								--cs-base-back-color:			#FFF;
								--cs-base-text-color:			#000;
								--cs-base-rim-color:			#000;
								--cs-base-butt-color:			#AAA;
								--cs-base-alnk-color:			#900;
								--cs-base-avis-color:			#909;
								--cs-base-ahov-color:			#633;
								--cs-base-aact-color:			#C99;
								--cs-base-asel-color:			#00C;
								--cs-base-icon-height:			1.2rem;
							}

body						{
								margin:							0;
							}

/****************************************************************************/

.page						{
								position:						fixed;
								left:							0px;
								right:							0px;
								top:							0px;
								bottom:							0px;
								padding:						var(--cs-base-padding);
								display:						flex;
								flex-direction:					column;
								flex-wrap:						nowrap;
								justify-content:				flex-start;
								align-items:					flex-start;
								-gap:							var(--cs-base-padding);
								background-image:				url('nikdy-bgx.jpg');
								background-position:			30% 40%;
								background-repeat:				no-repeat;
								background-size:				cover;
							}
.tits						{	color:							#900;			}
.title						{
								font-size:						calc(0.5rem + 4vmin);
								font-weight:					bold;
								text-align:						left;
								display:						block;
							}
.subtitle					{
								font-size:						calc(0.5rem + 2vmin);
								font-style:						italic;
								text-align:						left;
								display:						block;
							}
.parts						{
								flex-grow:						2;
								font-size:						calc(0.5rem + 1.0vmin);
							}
.shuffle					{
								align-self:						flex-end;
								display:						block;
								max-width:						70vw;
								object-fit:						cover;
							}
.pic-shuffle				{
								auto:							100%;
								auto:							100%;
								border-radius:					var(--cs-base-pic-radius);
								border:							1px solid var(--cs-base-rim-color);
							}
.rest						{
								width:							100%;
								display:						flex;
								flex-direction:					column;
								flex-wrap:						nowrap;
								justify-content:				flex-end;
								align-items:					stretch;
							}
.finale						{
								padding:						calc(0.5 * var(--cs-base-padding));
								font-size:						calc(0.3rem + 1.0vmin);
								border-radius:					var(--cs-base-butt-radius);
								background-color:				rgba(100%,100%,100%,0.5);
							}
.ver-switch					{	position:						fixed;
								z-index:						2;
								right:							var(--cs-base-padding);
								top:							var(--cs-base-padding);
								-padding:						calc(0.5 * var(--cs-base-padding));
								-font-size:						calc(0.5rem + 1.0vmin);
								-border-radius:					var(--cs-base-butt-radius);
								-background-color:				rgba(100%,100%,100%,0.5);
							}
.chap-list					{
								display:						flex;
								flex-direction:					column;
								flex-wrap:						wrap;
								justify-content:				flex-start;
								align-items:					flex-start;
								gap:							var(--cs-base-padding);
							}
.chap-item					{
								display:						flex;
								flex-direction:					row;
								flex-wrap:						nowrap;
								justify-content:				flex-start;
								align-items:					center;
								gap:							var(--cs-base-padding);
							}
.push						{	flex-grow:						2;	}
.butt-launch				{
								padding:						0.25rem;
								border:							var(--cs-base-line-size) solid var(--cs-base-butt-color);
								border-radius:					50%;
								background-color:				var(--cs-base-butt-color);
								cursor:							pointer;
								transition:						all 0.25s ease-in-out;
								display:						flex;
								flex-direction:					column;
								flex-wrap:						nowrap;
								justify-content:				center;
								align-items:					center;
							}
a:hover > .butt-launch,
.butt-launch:hover			{
								border-color:					var(--cs-base-ahov-color);
							}
a:focus > .butt-launch		{
								border-color:					var(--cs-base-asel-color);
							}
a:active > .butt-launch		{
								border-color:					var(--cs-base-aact-color);
							}
.icon-flag43,
.icon-launch				{
								width:							var(--cs-base-icon-height);
								height:							auto;
								display:						block;	/* to remove inline-block bottom */
							}
.icon-flag43				{
								margin-bottom:					calc(1/8 * var(--cs-base-icon-height));
								margin-top:						calc(1/8 * var(--cs-base-icon-height));
							}
.numb						{
								width:							1.2rem;
								height:							1.2rem;
								font-size:						1.2rem;
								font-weight:					900;
								transition:						all 0.25s ease-in-out;
								display:						flex;
								flex-direction:					column;
								flex-wrap:						nowrap;
								justify-content:				center;
								align-items:					center;
							}